Tabs

"use client";

import {
  Tabs,
  TabsList,
  TabsTrigger,
  TabsContent,
} from "@dashboardpack/core/components/ui/tabs";

export default function TabsExample() {
  return (
    <Tabs defaultValue="overview" className="w-full max-w-md">
      <TabsList>
        <TabsTrigger value="overview">Overview</TabsTrigger>
        <TabsTrigger value="activity">Activity</TabsTrigger>
        <TabsTrigger value="billing" disabled>
          Billing
        </TabsTrigger>
      </TabsList>
      <TabsContent value="overview" className="rounded-xl border p-5">
        <h3 className="font-medium">Workspace overview</h3>
        <p className="mt-2 text-sm text-muted-foreground">
          Your team has 12 active projects.
        </p>
      </TabsContent>
      <TabsContent value="activity" className="rounded-xl border p-5">
        <h3 className="font-medium">Recent activity</h3>
        <p className="mt-2 text-sm text-muted-foreground">
          Alex created a new project.
        </p>
      </TabsContent>
    </Tabs>
  );
}