refactor: split form styles and combine components

I think it is better to keep styles close to the
corresponding components. So I splitted the unique
stylesheet.
I also combine select, textarea and input components
into a single one since they share the same logic and
the same styles.

1 files changed, 0 insertions, 25 deletions

diff --git a/src/components/Form/Form.tsx b/src/components/Form/Form.tsx
deleted file mode 100644
index 44763c4..0000000
--- a/src/components/Form/Form.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import { ReactNode } from 'react';
-import styles from './Form.module.scss';
-
-const Form = ({
-  children,
-  submitHandler,
-  modifier = '',
-  id,
-}: {
-  children: ReactNode;
-  submitHandler: any;
-  modifier?: string;
-  id?: string;
-}) => {
-  const withModifier = modifier ? styles[`wrapper--${modifier}`] : '';
-  const classes = `${styles.wrapper} ${withModifier}`;
-
-  return (
-    <form onSubmit={submitHandler} className={classes} id={id}>
-      {children}
-    </form>
-  );
-};
-
-export default Form;