Aethel Bot OSS repository!
aethel.xyz
scanash.com
bot
fun
ai
discord
discord-bot
aethel
1import { Moon, Sun } from 'lucide-react';
2import { useThemeStore } from '../stores/themeStore';
3
4interface ThemeToggleProps {
5 className?: string;
6}
7
8export default function ThemeToggle({ className = '' }: ThemeToggleProps) {
9 const { isDarkMode, toggleTheme } = useThemeStore();
10
11 return (
12 <button
13 onClick={toggleTheme}
14 className={`p-3 rounded-full transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 ${
15 isDarkMode ? 'text-yellow-400' : 'text-gray-700'
16 } ${className}`}
17 aria-label={isDarkMode ? 'Switch to light mode' : 'Switch to dark mode'}
18 >
19 {isDarkMode ? <Sun className="w-6 h-6" /> : <Moon className="w-6 h-6" />}
20 </button>
21 );
22}