{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "case-study-card",
  "type": "registry:ui",
  "title": "Case study card",
  "description": "Case study card with the company name, a short headline and a large result metric, plus an optional up or down delta. Good for proof sections on landing pages.",
  "dependencies": [],
  "registryDependencies": [
    "https://ui.minidev.pro/r/metric-delta.json",
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/case-study-card.tsx",
      "type": "registry:ui",
      "target": "components/ui/case-study-card.tsx",
      "content": "\"use client\"\nimport * as React from \"react\"\nimport { cn } from \"@/lib/utils\"\nimport { MetricDelta } from \"@/components/ui/metric-delta\"\n\nfunction CaseStudyCard({\n  company,\n  title,\n  result,\n  delta,\n  className,\n}: {\n  company: string\n  title: string\n  result: string\n  delta?: number\n  className?: string\n}) {\n  return (\n    <div data-slot=\"case-study-card\" className={cn(\"rounded-xl border border-border bg-surface p-5\", className)}>\n      <p className=\"text-xs font-medium tracking-[0.01em] text-fg-muted uppercase\">{company}</p>\n      <h3 className=\"mt-2 text-base font-medium text-fg\">{title}</h3>\n      <div className=\"mt-4 flex items-end justify-between gap-3\">\n        <p className=\"text-2xl font-medium tracking-[-0.018em] tabular-nums text-fg\">{result}</p>\n        {delta != null ? <MetricDelta value={delta} /> : null}\n      </div>\n    </div>\n  )\n}\nexport { CaseStudyCard }\n"
    }
  ]
}