{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "text-row",
  "type": "registry:ui",
  "title": "Text row",
  "description": "A label-left, value-right row with an optional quiet meta value, the basic building block of summary cards.",
  "categories": [
    "atoms"
  ],
  "registryDependencies": [
    "https://irisui.dev/r/foundation.json"
  ],
  "files": [
    {
      "path": "src/registry/components/text-row/text-row.tsx",
      "content": "/** Label-left / value-right row — the workhorse of every card in the refs. */\nexport function TextRow({\n  label,\n  value,\n  meta,\n  className = \"\",\n}: {\n  label: React.ReactNode;\n  value: React.ReactNode;\n  meta?: React.ReactNode;\n  className?: string;\n}) {\n  return (\n    <div className={`flex min-h-11 items-center justify-between gap-4 py-2 ${className}`}>\n      <span className=\"text-sm text-ink-2\">{label}</span>\n      <span className=\"flex items-baseline gap-2 text-right\">\n        <span className=\"text-sm font-medium text-ink tabular-nums\">{value}</span>\n        {meta && <span className=\"text-[13px] text-ink-3\">{meta}</span>}\n      </span>\n    </div>\n  );\n}\n",
      "type": "registry:component",
      "target": "@components/iris/text-row/text-row.tsx"
    }
  ],
  "docs": "Docs and live preview: https://irisui.dev/components/text-row",
  "meta": {
    "kind": "component",
    "group": "Feedback",
    "export": "TextRow",
    "docs": "https://irisui.dev/components/text-row"
  }
}
