chore: define search form visibility

1 files changed, 8 insertions, 1 deletions

diff --git a/src/components/Form/Form.tsx b/src/components/Form/Form.tsx
index 5e26e81..dd1bc63 100644
--- a/src/components/Form/Form.tsx
+++ b/src/components/Form/Form.tsx
@@ -4,12 +4,19 @@ import styles from './Form.module.scss';
 const Form = ({
   children,
   submitHandler,
+  modifier = '',
 }: {
   children: ReactNode;
   submitHandler: any;
+  modifier?: string;
 }) => {
+  const classes =
+    modifier !== ''
+      ? `${styles.wrapper} ${styles[`wrapper--${modifier}`]}`
+      : styles.wrapper;
+
   return (
-    <form onSubmit={submitHandler} className={styles.wrapper}>
+    <form onSubmit={submitHandler} className={classes}>
       {children}
     </form>
   );