'use client'; import { Dialog, Transition } from '@headlessui/react'; import Link from 'next/link'; import { usePathname, useSearchParams } from 'next/navigation'; import { Fragment, useEffect, useState } from 'react'; import { Bars3Icon, XMarkIcon } from '@heroicons/react/24/outline'; import { Menu } from 'lib/shopify/types'; import Search from './search'; export default function MobileMenu({ menu }: { menu: Menu[] }) { const pathname = usePathname(); const searchParams = useSearchParams(); const [isOpen, setIsOpen] = useState(false); const openMobileMenu = () => setIsOpen(true); const closeMobileMenu = () => setIsOpen(false); useEffect(() => { const handleResize = () => { if (window.innerWidth > 768) { setIsOpen(false); } }; window.addEventListener('resize', handleResize); return () => window.removeEventListener('resize', handleResize); }, [isOpen]); useEffect(() => { setIsOpen(false); }, [pathname, searchParams]); return ( <> ); }