mirror of
https://github.com/hex248/ob248.com.git
synced 2026-02-07 18:23:04 +00:00
20 lines
536 B
TypeScript
20 lines
536 B
TypeScript
import { useTheme } from "@/components/theme-provider";
|
|
import { Button } from "@/components/ui/button";
|
|
import { Moon, Sun } from "@nsmr/pixelart-react";
|
|
|
|
export function ThemeToggle() {
|
|
const { resolvedTheme, setTheme } = useTheme();
|
|
const isDark = resolvedTheme === "dark";
|
|
|
|
return (
|
|
<Button
|
|
variant="dummy"
|
|
size="icon-sm"
|
|
onClick={() => setTheme(isDark ? "light" : "dark")}
|
|
className="hover:fill-accent hover:text-accent"
|
|
>
|
|
{isDark ? <Sun className="size-6" /> : <Moon className="size-6" />}
|
|
</Button>
|
|
);
|
|
}
|