{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "card-03",
  "title": "Horizontal",
  "description": "Image on the left beside a category, title, and link.",
  "dependencies": [],
  "registryDependencies": [
    "card",
    "button",
    "badge"
  ],
  "files": [
    {
      "path": "registry/patterns/card/card-03.tsx",
      "content": "import { Badge } from '@/components/ui/badge'\nimport { Button } from '@/components/ui/button'\nimport { Card, CardDescription, CardTitle } from '@/components/ui/card'\n\nexport function Card03() {\n  return (\n    <Card className=\"flex w-full max-w-md flex-row gap-0 py-0\">\n      <img\n        src=\"https://images.unsplash.com/photo-1517336714731-489689fd1ca8?auto=format&fit=crop&w=400&q=80\"\n        alt=\"Open laptop on a desk\"\n        className=\"w-32 shrink-0 rounded-t-none rounded-l-xl object-cover sm:w-40\"\n      />\n      <div className=\"flex flex-col gap-2 p-5\">\n        <Badge variant=\"secondary\" className=\"w-fit\">\n          Engineering\n        </Badge>\n        <CardTitle>Designing resilient APIs</CardTitle>\n        <CardDescription className=\"line-clamp-2\">\n          Patterns for versioning, idempotency, and graceful degradation under\n          load.\n        </CardDescription>\n        <div className=\"mt-auto pt-2\">\n          <Button variant=\"link\" className=\"h-auto p-0\">\n            Read article\n          </Button>\n        </div>\n      </div>\n    </Card>\n  )\n}\n",
      "type": "registry:component",
      "target": "components/flx/patterns/card/card-03.tsx"
    }
  ],
  "type": "registry:block"
}