Restructure file system to seperate Sidebar, Header, and Canvas components

2025-07-21 11:33:44 -07:00
parent a7bef5ddb3
commit 06edb481e9
12 changed files with 15 additions and 13 deletions
@@ -0,0 +1,16 @@
+import { Input, InputGroup } from "@chakra-ui/react";
+import { FiSearch } from "react-icons/fi"
+
+export function SearchBar({ placeholder="Enter a volcano to search", size="sm", width="210px" }) {
+    return (
+        <InputGroup startElement={<FiSearch />}>
+            <Input 
+                placeholder={placeholder} 
+                size={size}
+                width={width}
+                borderRadius="full" 
+
+            />
+        </InputGroup>
+    );
+}