{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "attachment1",
  "title": "Attachment",
  "description": "A component for displaying file attachments with media previews, upload states, and actions.",
  "files": [
    {
      "path": "contents/components/attachment/1/index.tsx",
      "content": "import { FileCodeIcon, XIcon } from \"lucide-react\"\n\nimport {\n  Attachment,\n  AttachmentAction,\n  AttachmentActions,\n  AttachmentContent,\n  AttachmentDescription,\n  AttachmentGroup,\n  AttachmentMedia,\n  AttachmentTitle,\n} from \"@/components/ui/attachment\"\nimport { Spinner } from \"@/components/ui/spinner\"\n\nconst images = [\n  {\n    name: \"workspace.png\",\n    meta: \"PNG · 820 KB\",\n    src: \"https://images.unsplash.com/photo-1497366754035-f200968a6e72?w=900&auto=format&fit=crop&q=80\",\n    alt: \"Workspace\",\n  },\n  {\n    name: \"desk-reference.jpg\",\n    meta: \"JPG · 1.1 MB\",\n    src: \"https://images.unsplash.com/photo-1497215728101-856f4ea42174?w=900&auto=format&fit=crop&q=80\",\n    alt: \"Desk\",\n  },\n  {\n    name: \"office-reference.jpg\",\n    meta: \"JPG · 940 KB\",\n    src: \"https://images.unsplash.com/photo-1497366811353-6870744d04b2?w=900&auto=format&fit=crop&q=80\",\n    alt: \"Office\",\n  },\n]\n\nexport default function AttachmentDemo() {\n  return (\n    <div className=\"mx-auto flex w-full max-w-sm flex-col gap-3 py-12\">\n      <AttachmentGroup>\n        {images.map((image) => (\n          <Attachment key={image.name} orientation=\"vertical\">\n            <AttachmentMedia variant=\"image\">\n              <img src={image.src} alt={image.alt} />\n            </AttachmentMedia>\n            <AttachmentContent>\n              <AttachmentTitle>{image.name}</AttachmentTitle>\n              <AttachmentDescription>{image.meta}</AttachmentDescription>\n            </AttachmentContent>\n          </Attachment>\n        ))}\n      </AttachmentGroup>\n    </div>\n  )\n}\n",
      "type": "registry:component",
      "target": "components/attachment1.tsx"
    }
  ],
  "type": "registry:component"
}