"use client";
import { useEffect, useState } from "react";
import { institution } from "../config/institution";
import { branding } from "../config/branding";
import { navigation } from "../content/navigation";
export function SiteHeader() {
const [scrolled, setScrolled] = useState(false);
const [menuOpen, setMenuOpen] = useState(false);
useEffect(() => {
const update = () => setScrolled(window.scrollY > 56);
update();
window.addEventListener("scroll", update, { passive: true });
return () => window.removeEventListener("scroll", update);
}, []);
useEffect(() => {
const closeOnEscape = (event: KeyboardEvent) => {
if (event.key === "Escape") setMenuOpen(false);
};
document.documentElement.style.overflow = menuOpen ? "hidden" : "";
window.addEventListener("keydown", closeOnEscape);
return () => {
document.documentElement.style.overflow = "";
window.removeEventListener("keydown", closeOnEscape);
};
}, [menuOpen]);
const closeMenu = () => setMenuOpen(false);
return (
<>
);
}