{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "badge-16",
  "title": "Tabs with badge",
  "description": "A tabs with badge component",
  "registryDependencies": [
    "badge",
    "tabs"
  ],
  "files": [
    {
      "path": "src/components/customized/badge/badge-16.tsx",
      "content": "import { Badge } from \"@/components/ui/badge\";\nimport { Tabs, TabsList, TabsTrigger } from \"@/components/ui/tabs\";\n\nconst tabs = [\n  {\n    name: \"Profile\",\n    value: \"profile\",\n  },\n  {\n    name: \"Projects\",\n    value: \"projects\",\n    count: \"10\",\n  },\n  {\n    name: \"Messages\",\n    value: \"messages\",\n    count: \"5\",\n  },\n  {\n    name: \"Settings\",\n    value: \"settings\",\n  },\n];\n\nconst TabsWithBadge = () => {\n  return (\n    <Tabs defaultValue={tabs[0].value}>\n      <TabsList>\n        {tabs.map((feature) => (\n          <TabsTrigger key={feature.value} value={feature.value}>\n            {feature.name}\n            {feature.count && (\n              <Badge className=\"min-w-5.5 px-1\">{feature.count}</Badge>\n            )}\n          </TabsTrigger>\n        ))}\n      </TabsList>\n    </Tabs>\n  );\n};\n\nexport default TabsWithBadge;\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component"
}