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>
  );