import Counter from "../islands/Counter"

// React island demo. Route: /island-demo
//
// Counter.tsx is a plain React component: the compiler emits an island
// placeholder here instead of a server-rendered component mount, and the
// browser mounts it with createRoot.
page IslandDemo {
  seo {
    title = "Island demo"
    description = "Mounts a React island inside a server-rendered WRNexus page."
    canonical = "/island-demo"
  }

  view {
    <main>
      <h1>React island</h1>
      <Counter start={3} client:visible />
    </main>
  }
}