{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "tabs11",
  "title": "Tabs",
  "description": "Tabs built with shadcn/ui.",
  "files": [
    {
      "path": "contents/components/tabs/11/index.tsx",
      "content": "import { BoxIcon, HouseIcon, PanelsTopLeftIcon } from \"lucide-react\";\n\nimport { Badge } from \"@/components/ui/badge\";\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from \"@/components/ui/tabs\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\n\nexport default function Component() {\n  return (\n    <Tabs defaultValue=\"tab-1\">\n      <TabsList className=\"h-auto!\">\n        <TooltipProvider delayDuration={0}>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <span>\n                <TabsTrigger className=\"px-4 py-3\" value=\"tab-1\">\n                  <HouseIcon aria-hidden=\"true\" size={16} />\n                </TabsTrigger>\n              </span>\n            </TooltipTrigger>\n            <TooltipContent className=\"px-2 py-1 text-xs\">\n              Overview\n            </TooltipContent>\n          </Tooltip>\n        </TooltipProvider>\n        <TooltipProvider delayDuration={0}>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <span>\n                <TabsTrigger className=\"group p-3\" value=\"tab-2\">\n                  <span className=\"relative\">\n                    <PanelsTopLeftIcon aria-hidden=\"true\" size={16} />\n                    <Badge className=\"border-background absolute -top-2.5 left-full size-4 -translate-x-1.5 px-0.5 text-[10px]/[.875rem] transition-opacity group-data-[state=inactive]:opacity-50\">\n                      3\n                    </Badge>\n                  </span>\n                </TabsTrigger>\n              </span>\n            </TooltipTrigger>\n            <TooltipContent className=\"px-2 py-1 text-xs\">\n              Projects\n            </TooltipContent>\n          </Tooltip>\n        </TooltipProvider>\n        <TooltipProvider delayDuration={0}>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <span>\n                <TabsTrigger className=\"p-3 py-3\" value=\"tab-3\">\n                  <BoxIcon aria-hidden=\"true\" size={16} />\n                </TabsTrigger>\n              </span>\n            </TooltipTrigger>\n            <TooltipContent className=\"px-2 py-1 text-xs\">\n              Packages\n            </TooltipContent>\n          </Tooltip>\n        </TooltipProvider>\n      </TabsList>\n      <div className=\"bg-muted rounded-lg p-3\">\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      </div>\n    </Tabs>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/tabs11.tsx"
    }
  ],
  "type": "registry:component"
}