{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "section-tabs",
  "title": "Section Tabs",
  "description": "A compact tabs wrapper for switching between related panels.",
  "dependencies": [],
  "registryDependencies": [
    "tabs"
  ],
  "files": [
    {
      "path": "registry/corr/components/section-tabs.tsx",
      "content": "import { Tabs, TabsContent, TabsList, TabsTrigger } from \"@/components/ui/tabs\"\n\nexport type SectionTab = {\n  value: string\n  label: string\n  content: string\n}\n\nexport function SectionTabs({ tabs }: { tabs: SectionTab[] }) {\n  return (\n    <Tabs defaultValue={tabs[0]?.value} className=\"w-full\">\n      <TabsList\n        className=\"grid w-full\"\n        style={{\n          gridTemplateColumns: `repeat(${tabs.length}, minmax(0, 1fr))`,\n        }}\n      >\n        {tabs.map((tab) => (\n          <TabsTrigger key={tab.value} value={tab.value}>\n            {tab.label}\n          </TabsTrigger>\n        ))}\n      </TabsList>\n      {tabs.map((tab) => (\n        <TabsContent\n          key={tab.value}\n          value={tab.value}\n          className=\"rounded-md border p-4 text-sm text-muted-foreground\"\n        >\n          {tab.content}\n        </TabsContent>\n      ))}\n    </Tabs>\n  )\n}\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component"
}