const { Toast, Button } = window.JabberwockeeDesignSystem_646027;
function App() {
  const [proj, setProj] = React.useState(null);
  const [contact, setContact] = React.useState(false);
  const [toast, setToast] = React.useState(null);
  const n = window.JW_DATA.projects.length;
  const nav = (id) => { const el = document.getElementById(id); if (!el) return; const y = id === "top" ? 0 : el.getBoundingClientRect().top + window.scrollY - 72; window.scrollTo({ top: y, behavior: "smooth" }); };
  React.useEffect(() => {
    const io = new IntersectionObserver((es) => es.forEach((e) => e.isIntersecting && e.target.classList.add("is-in")), { threshold: 0.15 });
    document.querySelectorAll(".jw-section, .jw-logos").forEach((s) => io.observe(s));
    return () => io.disconnect();
  }, []);
  return (
    <>
      <Backdrop />
      <Nav onContact={() => setContact(true)} onNav={nav} />
      <main>
        <Hero onProjects={() => nav("projects")} onContact={() => setContact(true)} />
        <LogoStrip />
        <Projects onOpen={setProj} />
        <Press />
        <Awards />
      </main>
      <Footer onNav={nav} />
      <ProjectDialog index={proj} onClose={() => setProj(null)} onStep={(d) => setProj((i) => (i + d + n) % n)} onRequest={() => { setProj(null); setToast({ title: "Screener request noted", body: "We reply within two days." }); }} />
      <ContactDialog open={contact} onClose={() => setContact(false)} />
      {toast && <Toast open tone="ok" title={toast.title} onClose={() => setToast(null)} duration={5000} action={<Button variant="ghost" size="sm" onClick={() => setToast(null)}>Dismiss</Button>}>{toast.body}</Toast>}
    </>
  );
}
ReactDOM.createRoot(document.getElementById("root")).render(<App />);