const [darkMode, setDarkMode] = useState(false)

  useEffect(() => {
    const darkMode = localStorage.theme === 'dark' || (!('theme' in localStorage))
    setDarkMode(darkMode)
    if (darkMode) {
      document.documentElement.classList.add('dark')
    } else {
      document.documentElement.classList.remove('dark')
    }
  }, [])

  const toggleDarkMode = () => {
    if (localStorage.theme === 'dark') {
      localStorage.theme = 'light'
      document.documentElement.classList.remove('dark')
      setDarkMode(false)
    } else {
      localStorage.theme = 'dark'
      document.documentElement.classList.add('dark')
      setDarkMode(true)
    }
  }