{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "tabs-2",
  "type": "registry:component",
  "title": "Tabs 2",
  "description": "Tabs 2. A set of layered sections of content—known as tab panels—that are displayed one at a time.",
  "dependencies": [],
  "registryDependencies": [
    "tabs"
  ],
  "files": [
    {
      "path": "components/watermelon/tabs-2.tsx",
      "type": "registry:component",
      "content": "import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/base-ui/tabs'\n\nconst pipelineTasks = [\n  {\n    name: 'Deploy',\n    value: 'deploy',\n    content: (\n      <>\n        Ship your code with <span className='text-foreground font-semibold'>confidence and speed</span>. Automate your\n        delivery pipeline to reach users faster while maintaining high reliability standards.\n      </>\n    )\n  },\n  {\n    name: 'Builds',\n    value: 'builds',\n    content: (\n      <>\n        Monitor your <span className='text-foreground font-semibold'>compilation workflow</span>. Track build times,\n        dependencies, and artifacts to ensure every release is optimized and secure.\n      </>\n    )\n  },\n  {\n    name: 'Infrastructure',\n    value: 'infrastructure',\n    content: (\n      <>\n        Control your <span className='text-foreground font-semibold'>cloud assets</span>. Define and manage your scaling\n        rules, databases, and network configurations from a single control plane.\n      </>\n    )\n  }\n]\n\nconst Tabs2 = () => {\n  return (\n      <Tabs defaultValue='deploy' className='gap-4'>\n        <TabsList className='border bg-transparent px-1 py-1.5 rounded-2xl'>\n          {pipelineTasks.map(tab => (\n            <TabsTrigger\n              key={tab.value}\n              value={tab.value}\n             className='rounded-xl px-4 py-3 text-sm font-medium transition-all data-[state=active]:bg-primary data-[state=active]:text-primary-foreground dark:data-[state=active]:text-primary-foreground dark:data-[state=active]:bg-primary'\n            >\n              {tab.name}\n            </TabsTrigger>\n          ))}\n        </TabsList>\n\n        {pipelineTasks.map(tab => (\n          <TabsContent key={tab.value} value={tab.value}>\n            <p className='text-muted-foreground/90 text-sm leading-6'>{tab.content}</p>\n          </TabsContent>\n        ))}\n      </Tabs>\n  )\n}\n\nexport default Tabs2\n"
    }
  ]
}