import { useState, useEffect } from 'react'; import { useRouter } from 'next/router'; export default function Navbar() { const [isOpen, setIsOpen] = useState(false); const [isMobile, setIsMobile] = useState(false); const router = useRouter(); useEffect(() => { const handleResize = () => { setIsMobile(window.innerWidth <= 768); if (window.innerWidth > 768) setIsOpen(false); }; handleResize(); window.addEventListener('resize', handleResize); return () => window.removeEventListener('resize', handleResize); }, []); return ( ); }