{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "tabs",
  "type": "registry:ui",
  "dependencies": [
    "@radix-ui/react-tabs"
  ],
  "registryDependencies": [],
  "files": [
    {
      "path": "ui/tabs.tsx",
      "content": "\"use client\";\n\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\";\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"@/lib/utils\";\n\nexport const Tabs = TabsPrimitive.Root;\n\nexport function TabsList({ className, ...props }: ComponentProps<typeof TabsPrimitive.List>) {\n  return (\n    <TabsPrimitive.List\n      className={cn(\"inline-flex items-center gap-1 border-b border-hairline\", className)}\n      {...props}\n    />\n  );\n}\n\nexport function TabsTrigger({ className, ...props }: ComponentProps<typeof TabsPrimitive.Trigger>) {\n  return (\n    <TabsPrimitive.Trigger\n      className={cn(\n        \"-mb-px border-b-2 border-transparent px-3 py-1.5 text-sm font-medium text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:text-foreground data-[state=active]:border-brand data-[state=active]:text-foreground\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function TabsContent({ className, ...props }: ComponentProps<typeof TabsPrimitive.Content>) {\n  return <TabsPrimitive.Content className={cn(\"outline-none\", className)} {...props} />;\n}\n",
      "type": "registry:ui",
      "target": "components/ui/tabs.tsx"
    }
  ]
}