/* global React */
const { useState: useNavState, useEffect: useNavEffect } = React;
function ThemeToggle({ dark, onToggle }) {
return (
);
}
function Nav({ onJump, dark, onToggleTheme }) {
const items = [
{ id: 'about', label: 'About' },
{ id: 'work', label: 'Work' },
{ id: 'journal', label: 'Journal' },
{ id: 'speaking', label: 'Speaking' },
{ id: 'contact', label: 'Contact' },
];
const [scrolled, setScrolled] = useNavState(false);
useNavEffect(() => {
const onScroll = () => setScrolled(window.scrollY > 40);
onScroll();
window.addEventListener('scroll', onScroll, { passive: true });
return () => window.removeEventListener('scroll', onScroll);
}, []);
return (
);
}
window.Nav = Nav;