{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "comparison",
  "title": "Comparison Block",
  "description": "Two-option comparison table.",
  "dependencies": [
    "@contentbit/core",
    "@contentbit/blocks",
    "@contentbit/react"
  ],
  "registryDependencies": [],
  "files": [
    {
      "path": "src/blocks/comparison.tsx",
      "content": "import { comparisonBlock } from '@contentbit/blocks'\nimport { defineBlockComponent } from '@contentbit/react'\n\nexport const ComparisonBlock = defineBlockComponent(comparisonBlock, ({ node }) => {\n  const data = node.data\n  return (\n    <div data-cb-styled className=\"bg-card my-6 overflow-x-auto rounded-lg border\">\n      <table className=\"w-full text-sm\">\n        <thead>\n          <tr className=\"bg-muted/50 border-b\">\n            <th scope=\"col\" className=\"w-[28%] px-4 py-3 text-left font-medium\" />\n            <th scope=\"col\" className=\"px-4 py-3 text-left\">\n              <span className=\"font-semibold\">{node.props.left}</span>\n            </th>\n            <th scope=\"col\" className=\"px-4 py-3 text-left\">\n              <span className=\"font-semibold\">{node.props.right}</span>\n            </th>\n          </tr>\n        </thead>\n        <tbody className=\"divide-y\">\n          {data.rows.map((row, i) => (\n            <tr key={i} className=\"hover:bg-muted/30 transition-colors\">\n              <th\n                scope=\"row\"\n                className=\"text-muted-foreground px-4 py-3 text-left text-[13px] font-medium\"\n              >\n                {row.label}\n              </th>\n              <td className=\"px-4 py-3 tabular-nums\">{row.left}</td>\n              <td className=\"px-4 py-3 tabular-nums\">{row.right}</td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  )\n})\n",
      "type": "registry:component",
      "target": "components/content-blocks/comparison.tsx"
    }
  ],
  "type": "registry:component"
}