// Mobile drawer
function MobileDrawer({ open, onClose, onNav }) {
  if (!open) return null;
  const links = [
    ["projects", "Проекты"],
    ["manifest", "Манифест"],
    ["media",    "Для медиа"],
    ["contact",  "Контакт"],
  ];
  const go = (id) => { onClose(); setTimeout(()=>onNav(id), 60); };
  return (
    <div className="drawer" role="dialog" aria-modal="true" aria-label="Меню">
      <button className="drawer__close" onClick={onClose} aria-label="Закрыть">
        <Icon name="close" size={24}/>
      </button>
      <nav className="drawer__list">
        {links.map(([id, label]) => (
          <a key={id} href={"#" + id}
             onClick={(e)=>{ e.preventDefault(); go(id); }}>{label}</a>
        ))}
      </nav>
      <a className="drawer__cta"
         href="https://yoolip.ru"
         target="_blank" rel="noopener noreferrer">
        Попробовать Yoolip AI <Icon name="arrow" size={16}/>
      </a>
    </div>
  );
}

window.MobileDrawer = MobileDrawer;