// Header + Announcement bar + Mobile drawer const { useState: useStateH } = React; function AnnouncementBar() { const msgs = [ 'complimentary shipping on orders over $120.', 'new spring drop — the little linen set is here.', 'sign up for 10% off your first order.', ]; const [i, setI] = useStateH(0); React.useEffect(() => { const t = setInterval(() => setI(x => (x + 1) % msgs.length), 4200); return () => clearInterval(t); }, []); return (
{msgs[i]}
); } function Header({ cartCount, onCartClick, onNavigate, current }) { const items = [ { id: 'shop', label: 'shop' }, { id: 'journal', label: 'journal' }, { id: 'story', label: 'our story' }, { id: 'find', label: 'find us' }, ]; return (
onNavigate('home')} style={{ cursor: 'pointer' }}>
{cartCount > 0 && ( {cartCount} )}
); } Object.assign(window, { Header });