Tabs

import { Tabs } from "@/components/tabs"
import { Home, Package } from 'lucide-react'

export default function MyComponent() {
  return (
    <Tabs
      variant="pills"
      tabs={[
        {
          id: "home",
          label: "Home",
          icon: <Home className="h-4 w-4" />,
          content: <div>Home content</div>
        },
        {
          id: "products",
          label: "Products",
          icon: <Package className="h-4 w-4" />,
          content: <div>Products content</div>
        },
        {
          id: "disabled",
          label: "Disabled",
          disabled: true,
          content: <div>Disabled content</div>
        },
      ]}
    />
  )
}