function Nav(){
  const AM=window[window.AM_NS];
  const {BrandLock,Button}=AM;
  const [solid,setSolid]=React.useState(false);
  const [menuOpen,setMenuOpen]=React.useState(false);
  React.useEffect(()=>AMMotion.scroll(y=>setSolid(y>80)),[]);
  React.useEffect(()=>{
    document.body.style.overflow=menuOpen?'hidden':'';
    return ()=>{document.body.style.overflow=''};
  },[menuOpen]);
  const close=()=>setMenuOpen(false);
  return (
    <React.Fragment>
      <nav className="am-nav" data-solid={solid?'1':undefined}>
        <a href="#limiar" aria-label="Arquitetura Mental" style={{display:'inline-flex',alignItems:'center'}}><BrandLock variant="am-horizontal" height={52} assetBase="assets"/></a>
        <div className="am-nav-links">
          <a href="#manifesto">O conceito</a>
          <a href="#ceci">Ceci Alves</a>
          <a href="#universos">Universos</a>
          <a href="#outros">O livro</a>
          <a href="#faq">Dúvidas</a>
        </div>
        <div className="am-nav-actions">
          <Button variant="gold" size="sm" href="#final" icon={false}>Começar</Button>
          <button
            type="button"
            className="am-nav-burger"
            aria-label={menuOpen?'Fechar menu':'Abrir menu'}
            aria-expanded={menuOpen}
            aria-controls="am-nav-overlay"
            onClick={()=>setMenuOpen(o=>!o)}
          >
            <span/><span/><span/>
          </button>
        </div>
      </nav>
      {menuOpen && (
        <div id="am-nav-overlay" className="am-nav-overlay" role="dialog" aria-modal="true" onClick={close}>
          <nav className="am-nav-overlay-menu" onClick={e=>e.stopPropagation()} aria-label="Menu principal">
            <a href="#manifesto" onClick={close}>O conceito</a>
            <a href="#ceci" onClick={close}>Ceci Alves</a>
            <a href="#universos" onClick={close}>Universos</a>
            <a href="#outros" onClick={close}>O livro</a>
            <a href="#faq" onClick={close}>Dúvidas</a>
          </nav>
        </div>
      )}
    </React.Fragment>
  );
}
Object.assign(window,{Nav});
