// menu.jsx — Dropdown menu panel that drops down from the centered nav pill.
// The page's top-chrome pill sits at the top of the panel; this component
// only renders the panel body below.
function MenuDrawer({ open, onClose }) {
const { useEffect } = React;
// Close on Esc
useEffect(() => {
if (!open) return;
const handleKey = (e) => { if (e.key === 'Escape') onClose(); };
window.addEventListener('keydown', handleKey);
return () => window.removeEventListener('keydown', handleKey);
}, [open, onClose]);
// Track menu state on body so styles can react
useEffect(() => {
document.body.dataset.menuOpen = open ? 'true' : 'false';
}, [open]);
return (
<>
{/* Invisible click-catcher so clicking outside closes the menu. */}
);
}
Object.assign(window, { MenuDrawer });