20 lines
598 B
TypeScript
20 lines
598 B
TypeScript
"use client";
|
|
|
|
import { Moon, Sun } from "lucide-react";
|
|
import { useTheme } from "@/lib/theme";
|
|
|
|
export default function ThemeToggleButton() {
|
|
const { theme, toggle } = useTheme();
|
|
|
|
return (
|
|
<button
|
|
onClick={toggle}
|
|
aria-label="Changer de thème"
|
|
className="flex items-center justify-center w-8 h-8 rounded-md border border-wy-border text-wy-text-secondary hover:text-wy-text-primary hover:bg-white/[0.06] transition-all duration-150"
|
|
>
|
|
{theme === "dark" ? <Sun size={15} /> : <Moon size={15} />}
|
|
</button>
|
|
);
|
|
}
|
|
|