{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "profile-form",
  "type": "registry:ui",
  "title": "Profile form",
  "description": "An account profile form with a display name input, a bio textarea and a Save profile button, composed from FormField, Input and Textarea in React.",
  "dependencies": [],
  "registryDependencies": [
    "https://ui.minidev.pro/r/button.json",
    "https://ui.minidev.pro/r/form-field.json",
    "https://ui.minidev.pro/r/input.json",
    "https://ui.minidev.pro/r/textarea.json",
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/profile-form.tsx",
      "type": "registry:ui",
      "target": "components/ui/profile-form.tsx",
      "content": "\"use client\"\nimport { FormField } from \"@/components/ui/form-field\"\nimport { Input } from \"@/components/ui/input\"\nimport { Textarea } from \"@/components/ui/textarea\"\nimport { Button } from \"@/components/ui/button\"\nimport { cn } from \"@/lib/utils\"\nfunction ProfileForm({ className }: { className?: string }) {\n  return (\n    <form data-slot=\"profile-form\" className={cn(\"space-y-3\", className)} onSubmit={(e) => e.preventDefault()}>\n      <FormField id=\"pf-name\" label=\"Display name\">\n        <Input id=\"pf-name\" defaultValue=\"Aman\" />\n      </FormField>\n      <FormField id=\"pf-bio\" label=\"Bio\">\n        <Textarea id=\"pf-bio\" placeholder=\"Short bio\" />\n      </FormField>\n      <Button type=\"submit\">Save profile</Button>\n    </form>\n  )\n}\nexport { ProfileForm }\n"
    }
  ]
}