{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "diagnostic-report-intro",
  "title": "Diagnostic Report Intro",
  "description": "Patient results intro section with title, patient profile, and measured summary copy.",
  "registryDependencies": [
    "@circle-ui/utils"
  ],
  "files": [
    {
      "path": "registry/berlin/blocks/patient-results/template/diagnostic-report-intro.tsx",
      "content": "// Generated from packages/ui/src/components/patient-results/template/diagnostic-report-intro.tsx\nimport * as React from \"react\";\n\nimport { cn } from \"@/registry/berlin/lib/utils\";\n\nimport type {\n  DiagnosticDetailRow,\n  DiagnosticReportIntroProps,\n} from \"@/registry/berlin/blocks/patient-results-types\";\n\nfunction DetailColumn({\n  title,\n  rows,\n}: {\n  title: string;\n  rows: DiagnosticDetailRow[];\n}) {\n  return (\n    <div className=\"space-y-3\">\n      <p className=\"text-base font-medium leading-6 tracking-[-0.02em] text-[#222222]\">\n        {title}\n      </p>\n      <div className=\"space-y-1 text-base leading-6 tracking-[-0.01em] text-[#6f7070]\">\n        {rows.map((row) => (\n          <p key={`${title}-${row.label}`}>{row.value}</p>\n        ))}\n      </div>\n    </div>\n  );\n}\n\nexport function DiagnosticReportIntro({\n  title,\n  patient,\n  biometrics,\n  checkInformation,\n  measuredHeading,\n  measuredSummary,\n  className,\n}: DiagnosticReportIntroProps) {\n  return (\n    <section className={cn(\"space-y-12\", className)}>\n      <h1 className=\"whitespace-pre-line font-[var(--font-tiempos)] text-5xl leading-[56px] tracking-[-0.02em] text-black\">\n        {title}\n      </h1>\n\n      <div className=\"grid gap-8 md:grid-cols-3\">\n        <DetailColumn title=\"Patient\" rows={patient} />\n        <DetailColumn title=\"Biometrics\" rows={biometrics} />\n        <DetailColumn title=\"Check Information\" rows={checkInformation} />\n      </div>\n\n      <div className=\"space-y-3\">\n        <h2 className=\"text-[28px] font-medium leading-9 tracking-[-0.03em] text-black\">\n          {measuredHeading}\n        </h2>\n        <p className=\"max-w-[720px] text-base leading-6 tracking-[-0.01em] text-[#6f7070]\">\n          {measuredSummary}\n        </p>\n      </div>\n    </section>\n  );\n}\n",
      "type": "registry:ui",
      "target": "src/components/ui/patient-results/template/diagnostic-report-intro.tsx"
    }
  ],
  "type": "registry:ui"
}