"use client"; import { useState, useEffect, useRef } from "react"; import Link from "next/link"; import Image from "next/image"; export default function Header() { const [isMenuOpen, setIsMenuOpen] = useState(false); const menuRef = useRef(null); const buttonRef = useRef(null); useEffect(() => { const handleClickOutside = (event: MouseEvent) => { if ( isMenuOpen && menuRef.current && buttonRef.current && !menuRef.current.contains(event.target as Node) && !buttonRef.current.contains(event.target as Node) ) { setIsMenuOpen(false); } }; document.addEventListener("mousedown", handleClickOutside); return () => { document.removeEventListener("mousedown", handleClickOutside); }; }, [isMenuOpen]); return ( ); }