Function Page

apps/web/demos/api-reference/page.tsx:22–52

()

})

export default function Page() {
  const { resource, children } = parseRoot(Content, Schema)
  const { main, extra, code } = resource
  return (
    <div className="prose prose-invert">
      {children}
      <div>
        <div className="relative flex flex-row gap-12 mb-24">
          <div className="flex-1">
            {/* Main Properties */}
            <section>
              <h3 className="mt-8 border-b border-zinc-700">
                {main.title}
              </h3>
              {main.blocks.map((property, i) => (
                <Property property={property} key={i} />
              ))}
            </section>
            {/* Extra Properties */}
            <section></section>
          </div>
          <div className="not-prose max-w-sm w-full">
            <div className="sticky top-16">
              <Code codeblock={code} />
            </div>
          </div>
        </div>
      </div>
    </div>
  )
}

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