{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "email-card",
  "type": "registry:ui",
  "title": "Email card",
  "description": "Content card for transactional emails with an optional title and body text, inset from the email edges. Use it for receipts, codes and highlights.",
  "dependencies": [],
  "registryDependencies": [
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/email-card.tsx",
      "type": "registry:ui",
      "target": "components/ui/email-card.tsx",
      "content": "\"use client\"\nimport * as React from \"react\"\nimport { cn } from \"@/lib/utils\"\n\nfunction EmailCard({\n  title,\n  children,\n  className,\n}: {\n  title?: string\n  children: React.ReactNode\n  className?: string\n}) {\n  return (\n    <div data-slot=\"email-card\" className={cn(\"mx-6 my-4 rounded-xl border border-border bg-bg p-4\", className)}>\n      {title ? <h3 className=\"mb-2 text-sm font-medium text-fg\">{title}</h3> : null}\n      <div className=\"text-sm leading-[1.55] text-fg-muted\">{children}</div>\n    </div>\n  )\n}\nexport { EmailCard }\n"
    }
  ]
}