"use client"; import { useState, useEffect } from "react"; import Link from "next/link"; import { getCvData, type Lang } from "@/lib/cv-data"; export function Nav({ lang }: { lang: Lang }) { const [active, setActive] = useState("over"); const [scrolled, setScrolled] = useState(false); const data = getCvData(lang); const navItems = data.ui.nav; const otherLang: Lang = lang === "nl" ? "en" : "nl"; useEffect(() => { const handleScroll = () => { setScrolled(window.scrollY > 20); const sections = [...navItems].reverse(); for (const { id } of sections) { const el = document.getElementById(id); if (el && el.getBoundingClientRect().top < 200) { setActive(id); break; } } }; window.addEventListener("scroll", handleScroll, { passive: true }); return () => window.removeEventListener("scroll", handleScroll); }, [navItems]); const handleNav = (id: string) => { document.getElementById(id)?.scrollIntoView({ behavior: "smooth" }); }; return ( ); }