// app.jsx — Ensambla la invitación.
const { T: TA } = window;

function App() {
  const invite = React.useMemo(() => window.getInvite(), []);
  window.useSecurity(invite);

  return (
    <AccessGate invite={invite}>
      <React.Fragment>
        <Hero invite={invite} />
        <PhotoBand id="bandHero" src="fotos/portada.jpg" placeholder="Foto favorita de los novios — a sangre completa" />
        <Historia />
        <PhotoBand id="bandHis3" src="fotos/historia-3.jpg" />
        <Detalles />
        <Regalos />
        <Hospedaje />
        <PhotoBand id="bandHis4" src="fotos/historia-4.jpg" />
        <RSVP invite={invite} />
        <Footer />
      </React.Fragment>
    </AccessGate>
  );
}

window.injectThemeCSS();
ReactDOM.createRoot(document.getElementById('root')).render(<App />);
