const AM_CODIGO=[
  {t:'Relação',d:'Com quem você está é uma escolha de arquitetura, não de acaso.'},
  {t:'Trabalho',d:'O que você constrói todo dia constrói você de volta.'},
  {t:'Decisão',d:'Decidir é retirar. O que fica é o projeto.'},
  {t:'Tempo',d:'Ritmo não é pressa. É saber em que fase do ciclo você está.'}
];
function Codigo(){
  const AM=window[window.AM_NS];
  const {Eyebrow,Button}=AM;
  const ref=React.useRef(null);
  const [p,setP]=React.useState(.5);
  React.useEffect(()=>AMMotion.scroll(()=>{
    if(!ref.current) return;
    const r=ref.current.getBoundingClientRect();
    setP(Math.round(Math.min(1,Math.max(0,1-(r.top+r.height*.4)/window.innerHeight))*60)/60);
  }),[]);
  const s=AMMotion.reduced?.5:p;
  return (
    <section className="am-chamber am-u-chamber am-codigo" id="codigo" ref={ref}>
      <div className="am-cod-ember" aria-hidden="true" style={{transform:'translate3d(0,'+((s-.5)*-120)+'px,0)'}}/>
      <div className="am-inner am-prod am-prod-codigo">
        <div className="am-prod-copy" data-am-reveal>
          <div className="am-badge-row"><Eyebrow rule={false}>Portal 03 · Curso</Eyebrow><span className="am-badge am-badge-cod">Em breve</span></div>
          <h2 className="am-cod-brand">O Código<em> da Realidade</em></h2>
          <p className="am-prod-sub am-cod-sub">Os princípios para mudar a sua relação com a Vida</p>
          <p className="am-prod-text">Princípio aplicado à vida como ela é. Nada de promessa: uma leitura que
            reorganiza relação, trabalho, decisão e tempo.</p>
          <div className="am-prod-actions"><Button variant="soon">Em breve</Button></div>
          <p className="am-cod-note">Identidade visual em definição — este ambiente recebe a arte definitiva do curso.</p>
        </div>
        <div className="am-cod-grid" data-am-reveal data-am-delay="160">
          {AM_CODIGO.map((c,i)=>(
            <div key={c.t} className="am-cod-item" style={{transform:'translate3d(0,'+((s-.5)*(i%2?34:-34))+'px,0)'}}>
              <span className="am-cod-i">{'0'+(i+1)}</span>
              <span className="am-cod-t">{c.t}</span>
              <p className="am-cod-d">{c.d}</p>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}
Object.assign(window,{Codigo,AM_CODIGO});