import { useCallback, useState } from "react"; import clsx from "clsx"; import Link from "next/link"; import ClickAwayListener from "@mui/base/ClickAwayListener"; export default function Header() { const [open, setOpen] = useState(false); const toggleMenu = useCallback(() => { setOpen((o) => !o); }, [setOpen]); const closeMenu = useCallback(() => { setOpen(false); }, [setOpen]); const toggleTheme = function () { const _html = document.documentElement; if (_html.classList.contains("dark")) { _html.classList.remove("dark"); localStorage.setItem("theme", "lite"); } else { _html.classList.add("dark"); localStorage.setItem("theme", "dark"); } }; return (
{/* eslint-disable-next-line @next/next/no-img-element */} NovelDit NovelDit
); }