const Navbar = ({ page, setPage, cartCount, onCartOpen, onSearchOpen, lang, setLang, user, onLogout, announcementActive }) => { const [menuOpen, setMenuOpen] = React.useState(false); const [userMenuOpen, setUserMenuOpen] = React.useState(false); const [scrolled, setScrolled] = React.useState(false); const ACCENT = "#a9744f"; React.useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 10); window.addEventListener("scroll", onScroll); return () => window.removeEventListener("scroll", onScroll); }, []); React.useEffect(() => { const handler = () => setUserMenuOpen(false); if (userMenuOpen) document.addEventListener("click", handler); return () => document.removeEventListener("click", handler); }, [userMenuOpen]); const handleLogoClick = () => { setPage("home"); setMenuOpen(false); }; const navLinks = [ { id:"home", en:"Home", id2:"Beranda" }, { id:"catalog", en:"Products", id2:"Produk" }, { id:"about", en:"About", id2:"Tentang" }, { id:"contact", en:"Contact", id2:"Kontak" }, ]; const t = (en, id2) => lang === "id" ? id2 : en; const iconBtn = { width:38, height:38, borderRadius:"50%", background:"#f5f5f7", border:"none", display:"flex", alignItems:"center", justifyContent:"center", cursor:"pointer", transition:"background 0.2s" }; return ( ); }; Object.assign(window, { Navbar });