# ComparisonTable

Use `ComparisonTable` to compare options across several criteria.

## Props

- `columns`: array of objects with:
  - `key`: string
  - `label`: string
- `rows`: array of objects with:
  - `label`: string
  - `values`: object mapping column keys to strings

## Example

```mdx
<ComparisonTable
  columns={[
    { key: "html", label: "Raw HTML" },
    { key: "mdx", label: "Artifact MDX" }
  ]}
  rows={[
    { label: "Styling", values: { html: "Agent-authored", mdx: "Runtime-owned" } },
    { label: "Validation", values: { html: "Harder", mdx: "Component and prop checks" } },
    { label: "Consistency", values: { html: "Variable", mdx: "High" } }
  ]}
/>
```

## Rules

- Keep cells short.
- Use markdown paragraphs instead if the comparison is mostly prose.