/* global React */
const { useState: useStateNav, useEffect: useEffectNav } = React;
/* ---------- Inline SVG icons (no dependency on lucide loading) ---------- */
const SVG = (props) => (
);
const GithubIcon = (p) => (
);
const LinkedInIcon = (p) => (
);
const YouTubeIcon = (p) => (
);
const ArrowUpRightIcon = (p) => (
);
function Nav() {
const [scrolled, setScrolled] = useStateNav(false);
useEffectNav(() => {
const onScroll = () => setScrolled(window.scrollY > 24);
window.addEventListener('scroll', onScroll, { passive: true });
onScroll();
return () => window.removeEventListener('scroll', onScroll);
}, []);
return (
);
}
window.Nav = Nav;