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,25 @@
+import { IconButton, Box } from "@chakra-ui/react";
+import { FiSettings } from "react-icons/fi";
+
+export function SettingsButton(props) {
+    return (
+        <IconButton
+            aria-label="Settings"
+            size="sm"
+            variant="ghost"
+            color="gray.600"
+            _hover={{
+                bg: "gray.100",
+                color: "gray.800",
+            }}
+            {...props}
+        >
+            <FiSettings />
+        </IconButton>
+    );
+}
+
+
+
+
+