"use client"; import Link from "next/link"; import { useEffect, useRef, useState } from "react"; import "./portal-chrome.css"; import "./portal-compact.css"; export function PortalHeader() { const [open, setOpen] = useState(false); const header = useRef(null); const menuButton = useRef(null); useEffect(() => { const compact = window.matchMedia("(max-width: 1040px)"); const close = () => setOpen(false); compact.addEventListener("change", close); return () => compact.removeEventListener("change", close); }, []); useEffect(() => { if (!open) return; const outside = (event: PointerEvent) => { if (event.target instanceof Node && !header.current?.contains(event.target)) setOpen(false); }; const escape = (event: KeyboardEvent) => { if (event.key !== "Escape") return; setOpen(false); menuButton.current?.focus(); }; document.addEventListener("pointerdown", outside); document.addEventListener("keydown", escape); return () => { document.removeEventListener("pointerdown", outside); document.removeEventListener("keydown", escape); }; }, [open]); return (
Documenta Buscar entidad o servicio Iniciar trámite Ingresar
); } export function PortalFooter() { return ( ); }