{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "settings-1",
  "title": "Tabbed Sections",
  "description": "Tabbed Sections for Settings.",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "avatar",
    "button",
    "card",
    "input",
    "label",
    "scroll-area",
    "select",
    "switch",
    "tabs"
  ],
  "files": [
    {
      "path": "registry/intents/account/settings/settings-1.tsx",
      "content": "import { Bell, CreditCard, User } from 'lucide-react'\n\nimport { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'\nimport { Button } from '@/components/ui/button'\nimport { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'\nimport { Input } from '@/components/ui/input'\nimport { Label } from '@/components/ui/label'\nimport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectTrigger,\n  SelectValue,\n} from '@/components/ui/select'\nimport { Switch } from '@/components/ui/switch'\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'\n\nexport function Settings1() {\n  return (\n    <Card className=\"w-full\">\n      <CardHeader>\n        <CardTitle>Settings</CardTitle>\n        <p className=\"text-muted-foreground text-sm\">\n          Manage your profile, notifications, and billing.\n        </p>\n      </CardHeader>\n\n      <CardContent>\n        <Tabs defaultValue=\"profile\" className=\"w-full\">\n          <div className=\"no-scrollbar mb-6 min-w-0 overflow-x-auto overflow-y-hidden\">\n            <TabsList>\n              <TabsTrigger value=\"profile\">\n                <User className=\"size-4\" />\n                Profile\n              </TabsTrigger>\n              <TabsTrigger value=\"notifications\">\n                <Bell className=\"size-4\" />\n                Notifications\n              </TabsTrigger>\n              <TabsTrigger value=\"billing\">\n                <CreditCard className=\"size-4\" />\n                Billing\n              </TabsTrigger>\n            </TabsList>\n          </div>\n\n          <TabsContent value=\"profile\" className=\"flex flex-col gap-6\">\n            <div className=\"flex items-center gap-4\">\n              <Avatar className=\"size-14\">\n                <AvatarImage\n                  src=\"https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=128&h=128&fit=crop&crop=faces\"\n                  alt=\"Ada Lovelace\"\n                />\n                <AvatarFallback className=\"bg-muted\">AL</AvatarFallback>\n              </Avatar>\n              <Button variant=\"outline\" size=\"sm\">\n                Change photo\n              </Button>\n            </div>\n\n            <div className=\"grid gap-4 sm:grid-cols-2\">\n              <div className=\"flex flex-col gap-1.5\">\n                <Label htmlFor=\"as-name\">Full name</Label>\n                <Input id=\"as-name\" defaultValue=\"Ada Lovelace\" />\n              </div>\n              <div className=\"flex flex-col gap-1.5\">\n                <Label htmlFor=\"as-email\">Email</Label>\n                <Input id=\"as-email\" type=\"email\" defaultValue=\"ada@acme.com\" />\n              </div>\n            </div>\n\n            <div className=\"flex flex-col gap-1.5\">\n              <Label htmlFor=\"as-tz\">Timezone</Label>\n              <Select defaultValue=\"lon\">\n                <SelectTrigger id=\"as-tz\" className=\"w-full sm:w-64\">\n                  <SelectValue />\n                </SelectTrigger>\n                <SelectContent>\n                  <SelectGroup>\n                    <SelectLabel>Americas</SelectLabel>\n                    <SelectItem value=\"nyc\">New York (GMT-5)</SelectItem>\n                    <SelectItem value=\"sao\">Sao Paulo (GMT-3)</SelectItem>\n                  </SelectGroup>\n                  <SelectGroup>\n                    <SelectLabel>Europe</SelectLabel>\n                    <SelectItem value=\"lon\">London (GMT+0)</SelectItem>\n                    <SelectItem value=\"ber\">Berlin (GMT+1)</SelectItem>\n                  </SelectGroup>\n                  <SelectGroup>\n                    <SelectLabel>Asia</SelectLabel>\n                    <SelectItem value=\"tok\">Tokyo (GMT+9)</SelectItem>\n                  </SelectGroup>\n                </SelectContent>\n              </Select>\n            </div>\n\n            <div className=\"flex justify-end gap-2\">\n              <Button variant=\"ghost\">Cancel</Button>\n              <Button>Save changes</Button>\n            </div>\n          </TabsContent>\n\n          <TabsContent value=\"notifications\" className=\"flex flex-col gap-4\">\n            <div className=\"flex items-center justify-between rounded-lg border p-4\">\n              <div className=\"flex flex-col gap-0.5\">\n                <span className=\"text-sm font-medium\">Product updates</span>\n                <span className=\"text-muted-foreground text-xs\">\n                  News about features and releases.\n                </span>\n              </div>\n              <Switch defaultChecked />\n            </div>\n            <div className=\"flex items-center justify-between rounded-lg border p-4\">\n              <div className=\"flex flex-col gap-0.5\">\n                <span className=\"text-sm font-medium\">Weekly digest</span>\n                <span className=\"text-muted-foreground text-xs\">\n                  A summary of activity every Monday.\n                </span>\n              </div>\n              <Switch />\n            </div>\n          </TabsContent>\n\n          <TabsContent value=\"billing\" className=\"flex flex-col gap-4\">\n            <div className=\"flex items-center justify-between rounded-lg border p-4\">\n              <div className=\"flex flex-col gap-0.5\">\n                <span className=\"text-sm font-medium\">Pro plan</span>\n                <span className=\"text-muted-foreground text-xs\">\n                  $29 per month, renews June 30.\n                </span>\n              </div>\n              <Button variant=\"outline\" size=\"sm\">\n                Manage\n              </Button>\n            </div>\n          </TabsContent>\n        </Tabs>\n      </CardContent>\n    </Card>\n  )\n}\n",
      "type": "registry:component",
      "target": "components/flx/intent/settings/settings-1.tsx"
    }
  ],
  "type": "registry:block"
}