6037be2efa
- Replace @hugeicons/react with lucide-react across all packages - Update all components to use Lucide icon components - Add silent option to store refresh methods to control toast display - Simplify icon usage with direct component imports Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
21 lines
534 B
TypeScript
21 lines
534 B
TypeScript
"use client";
|
|
|
|
import { useTheme } from "next-themes";
|
|
import { Button } from "@multica/ui/components/ui/button";
|
|
import { Sun, Moon } from "lucide-react";
|
|
|
|
export function ThemeToggle() {
|
|
const { theme, setTheme } = useTheme();
|
|
|
|
return (
|
|
<Button
|
|
variant="ghost"
|
|
size="icon"
|
|
onClick={() => setTheme(theme === "dark" ? "light" : "dark")}
|
|
className="size-8 text-muted-foreground"
|
|
>
|
|
<Sun className="size-4 dark:hidden" />
|
|
<Moon className="size-4 hidden dark:block" />
|
|
</Button>
|
|
);
|
|
}
|