[#21] Fix padding and add value prop to Input element. Make button ty…

…pe optional

src/components/Button/index.tsx

@@ -2,9 +2,9 @@ import styles from './Button.module.scss';
 
 type ButtonProps = {
   text: string;
-  type: 'button' | 'submit' | 'reset';
+  type?: 'button' | 'submit' | 'reset';
   className?: string;
-  onButtonClick: () => void;
+  onButtonClick?: () => void;
 };
 
 function Button({ text, type, className, onButtonClick }: ButtonProps) {

src/components/Input/Input.module.scss

@@ -1,7 +1,6 @@
 .input {
   border-radius: 12px;
-
   background: rgba(255, 255, 255, 0.18);
-
   color: #fff;
+  padding-left: 0.5rem;
 }

src/components/Input/index.tsx

@@ -6,16 +6,17 @@ type InputProps = {
   name: string;
   label: string;
   type?: HTMLInputTypeAttribute;
+  value?: string;
   className?: string;
-  onInputChange: (e: React.ChangeEvent<HTMLInputElement> | React.ChangeEvent<HTMLTextAreaElement>) => void;
+  onInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
 };
 
-function Input({ name, label, type, className, onInputChange }: InputProps) {
+function Input({ name, label, type, value, className, onInputChange }: InputProps) {
   return (
     <>
       <label className="text-white text-left block my-5">
         {label}
-        <input name={name} type={type} className={`${styles.input} ${className}`} onChange={onInputChange} />
+        <input name={name} type={type} value={value} className={`${styles.input} ${className}`} onChange={onInputChange} />
       </label>
     </>
   );