{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "demo-components-animate-tabs",
  "title": "Animate Tabs Demo",
  "description": "Demo showing an animated tabs.",
  "registryDependencies": [
    "@odysseyui/components-animate-tabs"
  ],
  "files": [
    {
      "path": "registry/demo/components/animate/tabs/index.tsx",
      "content": "import {\n  Tabs,\n  TabsContent,\n  TabsContents,\n  TabsList,\n  TabsTrigger,\n} from '@/components/odyssey/components/animate/tabs';\nimport { Button } from '@/components/ui/button';\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n} from '@/components/ui/card';\nimport { Input } from '@/components/ui/input';\nimport { Label } from '@/components/ui/label';\n\nexport function AnimateTabsDemo() {\n  return (\n    <div className=\"flex w-full max-w-sm flex-col gap-6\">\n      <Tabs defaultValue=\"account\">\n        <TabsList>\n          <TabsTrigger value=\"account\">Account</TabsTrigger>\n          <TabsTrigger value=\"password\">Password</TabsTrigger>\n        </TabsList>\n        <Card className=\"shadow-none py-0\">\n          <TabsContents className=\"py-6\">\n            <TabsContent value=\"account\" className=\"flex flex-col gap-6\">\n              <CardHeader>\n                <CardTitle>Account</CardTitle>\n                <CardDescription>\n                  Make changes to your account here. Click save when you&apos;re\n                  done.\n                </CardDescription>\n              </CardHeader>\n              <CardContent className=\"grid gap-6\">\n                <div className=\"grid gap-3\">\n                  <Label htmlFor=\"tabs-demo-name\">Name</Label>\n                  <Input id=\"tabs-demo-name\" defaultValue=\"Pedro Duarte\" />\n                </div>\n              </CardContent>\n              <CardFooter>\n                <Button>Save changes</Button>\n              </CardFooter>\n            </TabsContent>\n            <TabsContent value=\"password\" className=\"flex flex-col gap-6\">\n              <CardHeader>\n                <CardTitle>Password</CardTitle>\n                <CardDescription>\n                  Change your password here. After saving, you&apos;ll be logged\n                  out.\n                </CardDescription>\n              </CardHeader>\n              <CardContent className=\"grid gap-6\">\n                <div className=\"grid gap-3\">\n                  <Label htmlFor=\"tabs-demo-current\">Current password</Label>\n                  <Input id=\"tabs-demo-current\" type=\"password\" />\n                </div>\n                <div className=\"grid gap-3\">\n                  <Label htmlFor=\"tabs-demo-new\">New password</Label>\n                  <Input id=\"tabs-demo-new\" type=\"password\" />\n                </div>\n              </CardContent>\n              <CardFooter>\n                <Button>Save password</Button>\n              </CardFooter>\n            </TabsContent>\n          </TabsContents>\n        </Card>\n      </Tabs>\n    </div>\n  );\n}\n",
      "type": "registry:ui",
      "target": "components/odysseyui/demo/components/animate/tabs.tsx"
    }
  ],
  "type": "registry:ui"
}