{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "sheet7",
  "title": "Sheet",
  "description": "Sheet built with shadcn/ui.",
  "files": [
    {
      "path": "contents/components/sheet/7/index.tsx",
      "content": "\"use client\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { Input } from \"@/components/ui/input\";\nimport { Label } from \"@/components/ui/label\";\nimport { Avatar, AvatarFallback, AvatarImage } from \"@/components/ui/avatar\";\nimport {\n  Sheet,\n  SheetContent,\n  SheetFooter,\n  SheetHeader,\n  SheetTitle,\n  SheetTrigger\n} from \"@/components/ui/sheet\";\n\nexport default function SheetComponent() {\n  return (\n    <Sheet>\n      <SheetTrigger asChild>\n        <Button variant=\"outline\">Edit Profile</Button>\n      </SheetTrigger>\n      <SheetContent className=\"overflow-y-auto\">\n        <SheetHeader>\n          <SheetTitle>Edit Profile</SheetTitle>\n        </SheetHeader>\n        <div className=\"space-y-6 px-4\">\n          <div className=\"flex items-center gap-4\">\n            <Avatar className=\"size-16\">\n              <AvatarImage src=\"https://i.pravatar.cc/150?img=12\" alt=\"Profile\" />\n              <AvatarFallback>JD</AvatarFallback>\n            </Avatar>\n            <Button variant=\"link\" className=\"text-primary h-auto p-0\">\n              Change Picture\n            </Button>\n          </div>\n\n          <div className=\"space-y-4\">\n            <div className=\"space-y-2\">\n              <Label htmlFor=\"name\">Name</Label>\n              <Input id=\"name\" defaultValue=\"John Doe\" />\n            </div>\n\n            <div className=\"space-y-2\">\n              <Label htmlFor=\"email\">Email</Label>\n              <Input id=\"email\" type=\"email\" defaultValue=\"sales@andromedia.co.id\" />\n            </div>\n\n            <div className=\"space-y-2\">\n              <Label htmlFor=\"phone\">Phone Number</Label>\n              <Input id=\"phone\" type=\"tel\" defaultValue=\"+6289612311111\" />\n            </div>\n\n            <div className=\"space-y-2\">\n              <Label htmlFor=\"password\">Password</Label>\n              <Input id=\"password\" type=\"password\" defaultValue=\"************\" />\n            </div>\n\n            <div className=\"space-y-2\">\n              <Label htmlFor=\"retype-password\">Retype Password</Label>\n              <Input id=\"retype-password\" type=\"password\" defaultValue=\"************\" />\n            </div>\n          </div>\n        </div>\n\n        <SheetFooter className=\"flex gap-3 px-4\">\n          <Button>Save</Button>\n        </SheetFooter>\n      </SheetContent>\n    </Sheet>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/sheet7.tsx"
    }
  ],
  "type": "registry:component"
}