/* app-page.jsx — /app surface (Launch App view). Wallet integration
 * stripped from this branch — the StarknetProvider used to wrap
 * everything to share a starknetkit modal across surfaces, but the
 * SHIELDED MODE / dashboard / live-apps surfaces in this branch don't
 * need a connected wallet. Add the provider back here if you wire one
 * in later.
 *
 * No-bundler form: Nav is a window global loaded earlier by a
 * <script type="text/babel" src="sections-top.jsx"> tag in index.html.
 *
 * We render the same Nav the landing page uses (instead of HeaderApp)
 * so every surface on strk20.starknet.io shares one identical navbar.
 * HeaderApp + apply-page tags are still loaded in index.html in case
 * we ever want to flip back to a route-specific header. */

function AppPage({ children }) {
  return (
    <>
      <Nav />
      {children ?? (
        <main style={{ minHeight: "100vh", padding: "120px var(--gut) 80px" }}>
          <div className="wrap">
            <h1 style={{ fontSize: "clamp(40px,6vw,76px)", letterSpacing: "-0.025em",
              lineHeight: 1.0, fontFamily: "var(--display)", fontWeight: 800 }}>
              App surface
            </h1>
            <p style={{ marginTop: 18, color: "var(--dim)", maxWidth: 640, lineHeight: 1.6 }}>
              Placeholder. Dashboards, rewards, claim, and shielded actions will live here.
            </p>
          </div>
        </main>
      )}
    </>
  )
}

// No export — loaded as a script tag, AppPage is a window global.