// Header.jsx — sticky header with wordmark + nav
function Header({ route, onNav, cartCount }) {
const [scrolled, setScrolled] = React.useState(false);
React.useEffect(() => {
const onScroll = () => setScrolled(window.scrollY > 8);
window.addEventListener('scroll', onScroll);
return () => window.removeEventListener('scroll', onScroll);
}, []);
const link = (id, label) => (
onNav(id)}
>{label}
);
return (
);
}
window.Header = Header;