Function Columns

apps/web/content/blog/remotion/code.tsx:21–32

(props: unknown)

}

export function Columns(props: unknown) {
  const { left, right } = parseProps(
    props,
    Block.extend({ left: Block, right: Block }),
  )
  return (
    <div className="flex gap-2  -mx-8">
      <div className="flex-1 min-w-0">{left.children}</div>
      <div className="flex-1 min-w-0">{right.children}</div>
    </div>
  )
}
import { z } from "zod"
import {
  Selection,