Add CanvasHeader along with sub components CanvasHeaderNav, SearchBar, SettingsButton

2025-07-11 15:58:38 -07:00
parent 12090cb391
commit eab46d424e
8 changed files with 116 additions and 24 deletions
@@ -0,0 +1,10 @@
+import { Input, InputGroup } from "@chakra-ui/react";
+import { FiSearch } from "react-icons/fi"
+
+export function SearchBar({ placeholder="Search...", size="sm", width="200px"}) {
+    return (
+        <InputGroup startElement={<FiSearch />}>
+            <Input placeholder="Enter volcano to search" />
+        </InputGroup>
+    );
+}