{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "tab",
  "type": "registry:component",
  "title": "Tab",
  "description": "Switch between different views using tabs.",
  "dependencies": [
    "@headlessui/react"
  ],
  "files": [
    {
      "path": "components/retroui/Tab.tsx",
      "content": "import { cn } from \"@/lib/utils\";\nimport {\n  Tab,\n  TabGroup,\n  TabList,\n  TabListProps,\n  TabPanel,\n  TabPanelProps,\n  TabPanels,\n  TabProps,\n} from \"@headlessui/react\";\n\nconst Tabs = TabGroup;\nconst TabsPanels = TabPanels;\n\ninterface ITabsTriggerList extends TabListProps {\n  className?: string;\n}\nconst TabsTriggerList = ({\n  children,\n  className,\n  ...props\n}: ITabsTriggerList) => {\n  return (\n    <TabList className={cn(\"flex flex-row space-x-2\", className)} {...props}>\n      {children}\n    </TabList>\n  );\n};\n\ninterface ITabsTrigger extends TabProps {\n  className?: string;\n}\nconst TabsTrigger = ({ children, className, ...props }: ITabsTrigger) => {\n  return (\n    <Tab\n      className={cn(\n        \"px-4 py-1 border-2 border-transparent data-selected:border-border data-selected:bg-primary data-selected:text-primary-foreground data-selected:font-semibold focus:outline-hidden\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </Tab>\n  );\n};\n\ninterface ITabsContent extends TabPanelProps {\n  className?: string;\n}\nconst TabsContent = ({ children, className, ...props }: ITabsContent) => {\n  return (\n    <TabPanel\n      className={cn(\"border-2 border-border mt-2 p-4\", className)}\n      {...props}\n    >\n      {children}\n    </TabPanel>\n  );\n};\n\nexport { Tabs, TabsPanels, TabsTrigger, TabsContent, TabsTriggerList };\n",
      "type": "registry:component",
      "target": "components/retroui/Tab.tsx"
    }
  ]
}