// DarkModeToggle.js
import { useState, useEffect } from 'react';
const MoonIcon = () => {
return(
)
}
const SunIcon = () => {
return(
)
}
const DarkModeToggle: React.FC = () => {
const [darkMode, setDarkMode] = useState (false);
useEffect(() => {
const isDarkMode = localStorage.getItem('darkMode') === 'true';
setDarkMode(isDarkMode);
document.documentElement.classList.toggle('dark', isDarkMode);
}, []);
const toggleDarkMode = () => {
setDarkMode((prevDarkMode) => !prevDarkMode);
localStorage.setItem('darkMode', (!darkMode).toString());
document.documentElement.classList.toggle('dark');
};
return (
);
};
export default DarkModeToggle;