// ═══════════════════════════════════════════════════════════════════
// src/components/MobileMenu.jsx
// Full-screen overlay nav for mobile. Locks body scroll when open.
// ═══════════════════════════════════════════════════════════════════

const { useEffect } = React;

function MobileMenu({ open, onClose }) {
  // Lock/unlock body scroll in sync with open state
  useEffect(() => {
    document.body.classList.toggle("no-scroll", open);
    return () => document.body.classList.remove("no-scroll");
  }, [open]);

  return (
    <div className={"mobile-menu" + (open ? " open" : "")} aria-hidden={!open}>
      <ul>
        {NAV_LINKS.map(({ href, label }) => (
          <li key={href}>
            <a href={href} onClick={onClose}>{label}</a>
          </li>
        ))}
      </ul>
      <a
        href={CONTACT.waLink}
        onClick={onClose}
        className="btn btn-primary"
        target="_blank"
        rel="noopener noreferrer"
      >
        <Icon.whatsapp className="wa-icon"/> Pedir orçamento
      </a>
    </div>
  );
}