initialize searchBar component

2025-11-24 08:37:04 +01:00
parent 062d7fba2b
commit 33a7f16be4
5 changed files with 54 additions and 12 deletions
@@ -0,0 +1,23 @@
+import styles from "./SearchBar.module.css"
+
+function SearchBar({isSearchVisible, setIsSearchVisible}) {
+
+
+    return (
+        <div>
+            <form action="" method="POST">
+                <div>
+                    <svg xmlns="http://www.w3.org/2000/svg" width="24px" viewBox="0 -960 960 960" fill="#currentColor">
+                        <path
+                            d="M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z"/>
+                    </svg>
+                    <input type="text"/>
+                </div>
+
+            <button onClick={() => setIsSearchVisible(false)}>ok</button>
+                </form>
+        </div>
+    );
+}
+
+export default SearchBar;