{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "p-tabs-7",
  "description": "Tabs with icon before name and underline",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "@coss/tabs"
  ],
  "files": [
    {
      "path": "registry/default/particles/p-tabs-7.tsx",
      "content": "import { HouseIcon, PanelsTopLeftIcon, SettingsIcon } from \"lucide-react\";\nimport { Tabs, TabsList, TabsPanel, TabsTab } from \"@/registry/default/ui/tabs\";\n\nexport default function Particle() {\n  return (\n    <Tabs defaultValue=\"tab-1\">\n      <div className=\"border-b\">\n        <TabsList variant=\"underline\">\n          <TabsTab value=\"tab-1\">\n            <HouseIcon aria-hidden=\"true\" />\n            Overview\n          </TabsTab>\n          <TabsTab value=\"tab-2\">\n            <PanelsTopLeftIcon aria-hidden=\"true\" />\n            Projects\n          </TabsTab>\n          <TabsTab value=\"tab-3\">\n            <SettingsIcon aria-hidden=\"true\" />\n            Settings\n          </TabsTab>\n        </TabsList>\n      </div>\n      <TabsPanel value=\"tab-1\">\n        <p className=\"p-4 text-center text-muted-foreground text-xs\">\n          Overview content\n        </p>\n      </TabsPanel>\n      <TabsPanel value=\"tab-2\">\n        <p className=\"p-4 text-center text-muted-foreground text-xs\">\n          Projects content\n        </p>\n      </TabsPanel>\n      <TabsPanel value=\"tab-3\">\n        <p className=\"p-4 text-center text-muted-foreground text-xs\">\n          Settings content\n        </p>\n      </TabsPanel>\n    </Tabs>\n  );\n}\n",
      "type": "registry:block"
    }
  ],
  "categories": [
    "tabs"
  ],
  "type": "registry:block"
}