23 lines
636 B
TypeScript
23 lines
636 B
TypeScript
import React from 'react';
|
|
import { useTheme } from '@/lib/theme-context';
|
|
import { Sun, Moon } from 'lucide-react';
|
|
|
|
const ThemeToggle: React.FC = () => {
|
|
const { theme, toggleTheme } = useTheme();
|
|
|
|
return (
|
|
<button
|
|
onClick={toggleTheme}
|
|
className="text-gray-400 hover:text-white focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2"
|
|
aria-label={theme === 'dark' ? 'Switch to light theme' : 'Switch to dark theme'}
|
|
>
|
|
{theme === 'dark' ? (
|
|
<Sun className="h-3 w-3" />
|
|
) : (
|
|
<Moon className="h-3 w-3" />
|
|
)}
|
|
</button>
|
|
);
|
|
};
|
|
|
|
export default ThemeToggle; |