first

2026-02-16 19:34:35 +00:00
commit 9ab0940ca4
784 changed files with 41710 additions and 0 deletions
@@ -0,0 +1,32 @@
+import { Moon, Sun } from 'lucide-react';
+import { cn } from 'helpers/cn';
+import { useTheme } from './ThemeProvider';
+
+type ThemeToggleProps = { colorDark?: boolean; colorLight?: boolean };
+
+export const ThemeToggle = (props: ThemeToggleProps) => {
+  const { colorDark, colorLight } = props;
+  const { theme, setTheme } = useTheme();
+
+  const changeTheme = () => {
+    setTheme(theme === 'dark' ? 'light' : 'dark');
+  };
+
+  return (
+    <div className="cursor-pointer" onClick={changeTheme}>
+      <Sun
+        className={cn(
+          'h-[1.2rem] w-[1.2rem] origin-center rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0',
+          colorLight && 'text-white',
+        )}
+      />
+      <Moon
+        className={cn(
+          'absolute -mt-[1.2rem] h-[1.2rem] w-[1.2rem] origin-center rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100',
+          colorDark && 'text-black',
+        )}
+      />
+      <span className="sr-only">Toggle theme</span>
+    </div>
+  );
+};