import { useState, useRef, useEffect } from "react" import { useNavigate } from "react-router-dom" import { Logo1, search, row, IconPersonal, IconCorporate, IconStartup, ProdukDoku, ProdukHr, ProdukLlm, ProdukVeri } from "../../assets" const Header = () => { const navigate = useNavigate(); const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false); const [isSolusiOpen, setIsSolusiOpen] = useState(false); const [isProdukOpen, setIsProdukOpen] = useState(false); // Referensi untuk mendeteksi klik di luar dropdown const solusiRef = useRef(null); const produkRef = useRef(null); // Fungsi untuk menutup dropdown jika klik di luar elemen useEffect(() => { function handleClickOutside(event) { if (solusiRef.current && !solusiRef.current.contains(event.target)) { setIsSolusiOpen(false); } if (produkRef.current && !produkRef.current.contains(event.target)) { setIsProdukOpen(false); } } // Tambahkan event listener saat dropdown terbuka document.addEventListener("mousedown", handleClickOutside); return () => { document.removeEventListener("mousedown", handleClickOutside); }; }, []); return (
) } export default Header