"use client";
import Link from "next/link";
import { useEffect, useState } from "react";
type MobileLink = { href: string; label: string; cn?: string };
export function MobileMenu({
links,
installHref,
installLabel,
}: {
links: MobileLink[];
installHref: string;
installLabel: string;
}) {
const [open, setOpen] = useState(false);
useEffect(() => {
if (!open) return;
const prev = document.body.style.overflow;
document.body.style.overflow = "hidden";
const onKey = (e: KeyboardEvent) => {
if (e.key === "Escape") setOpen(false);
};
window.addEventListener("keydown", onKey);
return () => {
document.body.style.overflow = prev;
window.removeEventListener("keydown", onKey);
};
}, [open]);
return (
<>
{open && (
)}
);
}