{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "tabs8",
  "title": "Tabs",
  "description": "Tabs built with shadcn/ui.",
  "files": [
    {
      "path": "contents/components/tabs/8/index.tsx",
      "content": "import {\n  BoxIcon,\n  ChartLine,\n  HouseIcon,\n  PanelsTopLeftIcon,\n  SettingsIcon,\n  UsersRoundIcon,\n} from \"lucide-react\";\n\nimport { Badge } from \"@/components/ui/badge\";\nimport { ScrollArea, ScrollBar } from \"@/components/ui/scroll-area\";\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from \"@/components/ui/tabs\";\n\nexport default function Component() {\n  return (\n    <Tabs defaultValue=\"tab-1\" className=\"min-w-full gap-0\">\n      <ScrollArea>\n        <TabsList className=\"text-foreground mb-2 h-auto gap-2 rounded-none bg-transparent px-0 py-1\">\n          <TabsTrigger\n            className=\"data-[state=active]:bg-primary data-[state=active]:text-primary-foreground rounded-full data-[state=active]:shadow-none\"\n            value=\"tab-1\"\n          >\n            <HouseIcon\n              aria-hidden=\"true\"\n              className=\"-ms-0.5 me-1.5 opacity-60\"\n              size={16}\n            />\n            Overview\n          </TabsTrigger>\n          <TabsTrigger\n            className=\"data-[state=active]:bg-primary data-[state=active]:text-primary-foreground rounded-full data-[state=active]:shadow-none\"\n            value=\"tab-2\"\n          >\n            <PanelsTopLeftIcon\n              aria-hidden=\"true\"\n              className=\"-ms-0.5 me-1.5 opacity-60\"\n              size={16}\n            />\n            Projects\n            <Badge\n              className=\"bg-primary/15 in-data-[state=active]:bg-muted/20 in-data-[state=active]:text-primary-foreground ms-1.5 min-w-5 px-1\"\n              variant=\"secondary\"\n            >\n              3\n            </Badge>\n          </TabsTrigger>\n          <TabsTrigger\n            className=\"data-[state=active]:bg-primary data-[state=active]:text-primary-foreground rounded-full data-[state=active]:shadow-none\"\n            value=\"tab-3\"\n          >\n            <BoxIcon\n              aria-hidden=\"true\"\n              className=\"-ms-0.5 me-1.5 opacity-60\"\n              size={16}\n            />\n            Packages\n            <Badge className=\"in-data-[state=active]:bg-muted/20 ms-1.5\">\n              New\n            </Badge>\n          </TabsTrigger>\n          <TabsTrigger\n            className=\"data-[state=active]:bg-primary data-[state=active]:text-primary-foreground rounded-full data-[state=active]:shadow-none\"\n            value=\"tab-5\"\n          >\n            <ChartLine\n              aria-hidden=\"true\"\n              className=\"-ms-0.5 me-1.5 opacity-60\"\n              size={16}\n            />\n            Insights\n          </TabsTrigger>\n          <TabsTrigger\n            className=\"data-[state=active]:bg-primary data-[state=active]:text-primary-foreground rounded-full data-[state=active]:shadow-none\"\n            value=\"tab-6\"\n          >\n            <SettingsIcon\n              aria-hidden=\"true\"\n              className=\"-ms-0.5 me-1.5 opacity-60\"\n              size={16}\n            />\n            Settings\n          </TabsTrigger>\n        </TabsList>\n        <ScrollBar orientation=\"horizontal\" />\n      </ScrollArea>\n      <div className=\"bg-muted rounded-lg p-4\">\n        <TabsContent value=\"tab-1\">\n          <p className=\"text-xs\">Content for Tab 1</p>\n        </TabsContent>\n        <TabsContent value=\"tab-2\">\n          <p className=\"text-xs\">Content for Tab 2</p>\n        </TabsContent>\n        <TabsContent value=\"tab-3\">\n          <p className=\"text-xs\">Content for Tab 3</p>\n        </TabsContent>\n        <TabsContent value=\"tab-5\">\n          <p className=\"text-xs\">Content for Tab 5</p>\n        </TabsContent>\n        <TabsContent value=\"tab-6\">\n          <p className=\"text-xs\">Content for Tab 6</p>\n        </TabsContent>\n      </div>\n    </Tabs>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/tabs8.tsx"
    }
  ],
  "type": "registry:component"
}