// Chrome: headers, footers, sidebars for each product const PublicHeader = ({ locale, setLocale, currency, setCurrency, onNav, current }) => { const [menu, setMenu] = React.useState(false); const navItems = [ ['listings','Aktiviteler'], ['hotels','Konaklama'], ['destinations','Destinasyonlar'], ['categories','Kategoriler'], ['blog','Blog'], ['about','Hakkımızda'], ['contact','İletişim'] ]; return

onNav('supplier-apply')}>Tedarikçi Ol onNav('login')}>Giriş onNav('register')}>Kayıt

; }; const PublicFooter = ({ onNav }) => { return ; }; // ─── SIDEBAR (supplier/admin/account) ────────────────────────── const Sidebar = ({ title, badge, groups, current, onNav, user, dark }) => { return

{badge && {badge}}

{user &&

{user.name}

{user.email}

}

{groups.map((g, gi) =>

{g.title &&

{g.title}

} {g.items.map(([key, label, icon, count]) => { const active = current === key; return ; })}

)}

; }; const TopBar = ({ title, breadcrumbs, actions, dark }) => (

{breadcrumbs &&

{breadcrumbs.map((b,i) => {i>0 && } {b} )}

} {title &&

{title}

}

{actions}

); Object.assign(window, { PublicHeader, PublicFooter, Sidebar, TopBar });