{open && (
{LANGS.map(l => (
))}
)}
);
}
function MobileDrawer({ open, onClose }) {
const { t, dir } = useT();
const status = useOpenStatus();
const drawerRef = React.useRef(null);
React.useEffect(() => {
if (!open) return;
const prev = document.body.style.overflow;
document.body.style.overflow = 'hidden';
const onKey = (e) => { if (e.key === 'Escape') onClose(); };
document.addEventListener('keydown', onKey);
const first = drawerRef.current && drawerRef.current.querySelector('a,button');
if (first) first.focus();
return () => {
document.body.style.overflow = prev;
document.removeEventListener('keydown', onKey);
};
}, [open, onClose]);
const slideFrom = dir === 'rtl' ? 'translateX(-100%)' : 'translateX(100%)';
const content = (
