{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "pros-cons",
  "title": "Pros & Cons Block",
  "description": "Paired advantages and disadvantages.",
  "dependencies": [
    "@contentbit/core",
    "@contentbit/blocks",
    "@contentbit/react",
    "lucide-react"
  ],
  "registryDependencies": [],
  "files": [
    {
      "path": "src/blocks/pros-cons.tsx",
      "content": "import type { BlockRenderContext } from '@contentbit/react'\n\nimport { prosConsBlock, splitProsCons } from '@contentbit/blocks'\nimport { defineBlockComponent } from '@contentbit/react'\nimport { Check, X } from 'lucide-react'\n\nfunction Column({\n  heading,\n  items,\n  tone,\n  ctx,\n}: {\n  heading: string\n  items: string[]\n  tone: 'pro' | 'con'\n  ctx: BlockRenderContext\n}) {\n  const Icon = tone === 'pro' ? Check : X\n  const head =\n    tone === 'pro'\n      ? 'bg-emerald-500/[0.07] text-emerald-700 dark:text-emerald-400'\n      : 'bg-rose-500/[0.07] text-rose-700 dark:text-rose-400'\n  const mark =\n    tone === 'pro' ? 'text-emerald-600 dark:text-emerald-500' : 'text-rose-600 dark:text-rose-500'\n  return (\n    <div className=\"bg-card overflow-hidden rounded-lg border\">\n      <div className={`flex items-center gap-2 border-b px-4 py-2.5 ${head}`}>\n        <Icon className=\"size-3.5\" aria-hidden strokeWidth={3} />\n        <span className=\"text-xs font-semibold tracking-wider uppercase\">{heading}</span>\n      </div>\n      <ul className=\"space-y-2 p-4 text-sm\">\n        {items.map((text, i) => (\n          <li key={i} className=\"flex gap-2.5\">\n            <Icon className={`mt-1 size-3.5 shrink-0 ${mark}`} aria-hidden />\n            {/* Item text is Markdown — render it, with paragraph margins zeroed. */}\n            <div className=\"min-w-0 leading-relaxed [&>p]:m-0\">{ctx.renderMarkdown(text)}</div>\n          </li>\n        ))}\n      </ul>\n    </div>\n  )\n}\n\nexport const ProsConsBlock = defineBlockComponent(prosConsBlock, ({ node, ctx }) => {\n  const { pros, cons } = splitProsCons(node.data)\n  return (\n    <div data-cb-styled className=\"my-6 grid gap-3 sm:grid-cols-2\">\n      <Column heading=\"Pros\" items={pros} tone=\"pro\" ctx={ctx} />\n      <Column heading=\"Cons\" items={cons} tone=\"con\" ctx={ctx} />\n    </div>\n  )\n})\n",
      "type": "registry:component",
      "target": "components/content-blocks/pros-cons.tsx"
    }
  ],
  "type": "registry:component"
}