'use client'; import { useState, useEffect } from 'react'; import { Menu, X } from 'lucide-react'; import { GitHubStars } from './GitHubStars'; function NavItem({ href, children }: { href: string; children: React.ReactNode }) { return (
{children}
); } export function Navigation() { const [mobileMenuOpen, setMobileMenuOpen] = useState(false); const [isScrolled, setIsScrolled] = useState(false); useEffect(() => { const handleScroll = () => { setIsScrolled(window.scrollY > 20); }; window.addEventListener("scroll", handleScroll); return () => window.removeEventListener("scroll", handleScroll); }, []); return (
{/* Mobile menu */} {mobileMenuOpen && (
setMobileMenuOpen(false)} > Docs setMobileMenuOpen(false)} > Changelog
setMobileMenuOpen(false)} aria-label="Discord" > Discord setMobileMenuOpen(false)} />
)}
); }