const { NavBar, Footer } = window.SamsonAILabDesignSystem_8f27a2;

function App() {
  const [active, setActive] = React.useState(window.CAPABILITIES[0].id);
  return (
    <React.Fragment>
      <NavBar links={window.NAV_LINKS} socials={[{ icon: "github", label: "GitHub" }, { icon: "message-circle", label: "Discord" }, { icon: "twitter", label: "X" }]} repo={{ label: "16.1k" }} suffix=".dev" ctaLabel="Start building" />
      <main>
        <window.HeroBlock active={active} onChange={setActive} />
        <window.ShowcaseBlock active={active} />
        <window.HowItWorksBlock />
        <window.PatternsBlock />
        <window.StatsBlock />
        <window.MediaBlock />
        <window.FeatureBlocks />
        <window.ExtensionsBlock />
        <window.IndexBlock />
        <window.TabsBlock />
        <window.ProofBlock />
        <window.CTABlock />
      </main>
      <Footer columns={window.FOOTER_COLUMNS} socials={[{ icon: "github", label: "GitHub" }, { icon: "message-circle", label: "Discord" }, { icon: "twitter", label: "X" }, { icon: "youtube", label: "YouTube" }]} status="All systems operational" copyright="© 2026 Samson AI Lab" suffix=".dev" />
    </React.Fragment>
  );
}

ReactDOM.createRoot(document.getElementById("root")).render(<App />);