20 lines
531 B
TypeScript
20 lines
531 B
TypeScript
|
// frontend/src/components/ThemeToggle.tsx
|
||
|
|
import { Sun, Moon } from 'lucide-react';
|
||
|
|
import { useTheme } from '../context/ThemeContext';
|
||
|
|
import './ThemeToggle.css';
|
||
|
|
|
||
|
|
const ThemeToggle = () => {
|
||
|
|
const { theme, toggleTheme } = useTheme();
|
||
|
|
|
||
|
|
return (
|
||
|
|
<button
|
||
|
|
className="theme-toggle-button"
|
||
|
|
onClick={toggleTheme}
|
||
|
|
title={theme === 'light' ? 'Activar modo oscuro' : 'Activar modo claro'}
|
||
|
|
>
|
||
|
|
{theme === 'light' ? <Moon size={20} /> : <Sun size={20} />}
|
||
|
|
</button>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default ThemeToggle;
|