feat: add fullWidth prop for Input component (#35)

- Add fullWidth prop to Input component
- Add FullWidthInput story

src/components/Input.stories.tsx

@@ -7,6 +7,8 @@ export default {
 
 export const DefaultInput: React.FC = () => <Input />;
 
+export const FullWidthInput: React.FC = () => <Input fullWidth />;
+
 export const EmailInput: React.FC = () => (
   <Input label="email" placeholder="my@email.com" borderColor="#6200ee" />
 );

src/components/Input.styles.ts

@@ -9,6 +9,7 @@ export interface InputStyledProps {
   variant: string;
   bordercolor: string;
   InputLabelProps: object;
+  fullWidth?: boolean;
 }
 
 export const InputStyled = styled(TextField as React.FC<InputStyledProps>)`

src/components/Input.tsx

@@ -6,12 +6,14 @@ interface InputProps {
   placeholder?: string;
   label?: string;
   borderColor?: string;
+  fullWidth?: boolean;
 }
 
 export const Input: React.FC<InputProps> = ({
   placeholder,
   label,
   borderColor,
+  fullWidth,
 }: InputProps) => {
   const placeholderProp = placeholder || "Placeholder";
   const labelProp = label || "Label";
@@ -28,6 +30,7 @@ export const Input: React.FC<InputProps> = ({
         }}
         variant="outlined"
         bordercolor={borderColorProp}
+        fullWidth={fullWidth}
       />
     </StylesProvider>
   );