Function FineGrained

apps/web/content/blog/v1.tsx:48–65

(props: unknown)

}

export async function FineGrained(props: unknown) {
  const { content, page } = parseProps(
    props,
    Block.extend({
      content: CodeBlock,
      page: z.any(),
    }),
  )

  const highlightedContent = await highlight(content, theme)

  return (
    <section className="md:flex gap-2 items-stretch w-full [&>*]:flex-1">
      <Code codeblock={highlightedContent} />
      <CodeWithNotes {...page} />
    </section>
  )
}

export function Sponsors() {
  return <AllSponsors className="-mx-12 scale-[0.88]" />