{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "email-layout",
  "type": "registry:ui",
  "title": "Email layout",
  "description": "Email layout shell with a centered 560px column, rounded border and surface background. Compose it with the email header, cards, button and footer.",
  "dependencies": [],
  "registryDependencies": [
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/email-layout.tsx",
      "type": "registry:ui",
      "target": "components/ui/email-layout.tsx",
      "content": "\"use client\"\nimport * as React from \"react\"\nimport { cn } from \"@/lib/utils\"\n\nfunction EmailLayout({\n  children,\n  className,\n}: {\n  children: React.ReactNode\n  className?: string\n}) {\n  return (\n    <div\n      data-slot=\"email-layout\"\n      className={cn(\"mx-auto w-full max-w-[560px] overflow-hidden rounded-xl border border-border bg-surface text-fg shadow-highlight\", className)}\n    >\n      {children}\n    </div>\n  )\n}\nexport { EmailLayout }\n"
    }
  ]
}