Function Page

apps/web/demos/slideshow/page.tsx:20–37

()

})

export default function Page() {
  const { steps } = parseRoot(Content, Schema)
  return (
    <SelectionProvider>
      <Selection
        from={steps.map((step) => (
          <Code codeblock={step.code} />
        ))}
      />
      <Controls length={steps.length} />
      <div className="px-4">
        <Selection
          from={steps.map((step) => step.children)}
        />
      </div>
    </SelectionProvider>
  )
}

async function Code({ codeblock }: { codeblock: RawCode }) {
  const highlighted = await highlight(