{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "schema-field-row",
  "type": "registry:ui",
  "title": "Schema field row",
  "description": "API schema field row with a monospace field name, a required badge, the type and a description, in three columns on desktop for docs and reference pages.",
  "dependencies": [],
  "registryDependencies": [
    "https://ui.minidev.pro/r/badge.json",
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/schema-field-row.tsx",
      "type": "registry:ui",
      "target": "components/ui/schema-field-row.tsx",
      "content": "\"use client\"\nimport * as React from \"react\"\nimport { cn } from \"@/lib/utils\"\nimport { Badge } from \"@/components/ui/badge\"\n\nfunction SchemaFieldRow({\n  name,\n  type,\n  required,\n  description,\n  className,\n}: {\n  name: string\n  type: string\n  required?: boolean\n  description?: string\n  className?: string\n}) {\n  return (\n    <div data-slot=\"schema-field-row\" className={cn(\"grid gap-1 border-b border-border py-3 sm:grid-cols-[160px_100px_1fr]\", className)}>\n      <div className=\"flex items-center gap-2\">\n        <code className=\"font-mono text-sm text-fg\">{name}</code>\n        {required ? <Badge variant=\"outline\">required</Badge> : null}\n      </div>\n      <code className=\"font-mono text-xs text-fg-muted\">{type}</code>\n      <p className=\"text-sm text-fg-muted\">{description}</p>\n    </div>\n  )\n}\nexport { SchemaFieldRow }\n"
    }
  ]
}