{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "auth-card",
  "type": "registry:ui",
  "title": "Auth card",
  "description": "Centered Tailwind sign in card with a title, optional description, a slot for fields and providers, and a divided footer for sign up or reset links.",
  "dependencies": [],
  "registryDependencies": [
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/auth-card.tsx",
      "type": "registry:ui",
      "target": "components/ui/auth-card.tsx",
      "content": "\"use client\"\nimport * as React from \"react\"\nimport { cn } from \"@/lib/utils\"\n\nfunction AuthCard({\n  title = \"Sign in\",\n  description,\n  footer,\n  children,\n  className,\n}: {\n  title?: React.ReactNode\n  description?: React.ReactNode\n  footer?: React.ReactNode\n  children?: React.ReactNode\n  className?: string\n}) {\n  return (\n    <div\n      data-slot=\"auth-card\"\n      className={cn(\n        \"mx-auto w-full max-w-sm space-y-4 rounded-2xl border border-border bg-surface p-6 shadow-highlight\",\n        className\n      )}\n    >\n      <div>\n        <h2 className=\"text-lg font-medium tracking-[-0.014em] text-fg\">{title}</h2>\n        {description ? <p className=\"mt-1 text-sm text-fg-muted\">{description}</p> : null}\n      </div>\n      <div className=\"space-y-3\">{children}</div>\n      {footer ? <div className=\"border-t border-border pt-4 text-center text-sm text-fg-muted\">{footer}</div> : null}\n    </div>\n  )\n}\nexport { AuthCard }\n"
    }
  ]
}