Delta Components

"use client"
 
import {
  Tabs,
  TabsContent,
  TabsList,
  TabsTrigger,
} from "@/registry/components/tabs"
 
export function Component() {
  return (
    <Tabs defaultValue="overview" className="w-full">
      <TabsList>
        <TabsTrigger value="overview">Overview</TabsTrigger>
        <TabsTrigger value="analytics">Analytics</TabsTrigger>
        <TabsTrigger value="settings">Settings</TabsTrigger>
      </TabsList>
      <TabsContent value="overview">
        <div className="p-4">
          <h3 className="text-lg font-semibold">Overview</h3>
          <p className="text-muted-foreground">
            Your dashboard overview content.
          </p>
        </div>
      </TabsContent>
      <TabsContent value="analytics">
        <div className="p-4">
          <h3 className="text-lg font-semibold">Analytics</h3>
          <p className="text-muted-foreground">
            Your analytics data and insights.
          </p>
        </div>
      </TabsContent>
      <TabsContent value="settings">
        <div className="p-4">
          <h3 className="text-lg font-semibold">Settings</h3>
          <p className="text-muted-foreground">Configure your preferences.</p>
        </div>
      </TabsContent>
    </Tabs>
  )
}