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