// Navbar.jsx
const Navbar = () => {
const [scrolled, setScrolled] = React.useState(false);
const [demoOpen, setDemoOpen] = React.useState(false);
React.useEffect(() => {
const onScroll = () => setScrolled(window.scrollY > 20);
window.addEventListener('scroll', onScroll);
return () => window.removeEventListener('scroll', onScroll);
}, []);
// Expose a global function so other components can open the demo modal
React.useEffect(() => {
window.openDemoModal = () => setDemoOpen(true);
return () => { delete window.openDemoModal; };
}, []);
return (
<>
setDemoOpen(false)} />
);
};
const Logo = ({ size = 22 }) => (
);
Object.assign(window, { Navbar, Logo });