import * as React from "react";
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/ai-dimensie-tabs";
const settings = { defaultValue: "overview" };
export default function Demo({ defaultValue = settings.defaultValue }: Partial<typeof settings>) {
return (
<div className="flex min-h-[300px] items-center justify-center bg-background p-8">
<Tabs defaultValue={defaultValue} className="w-[400px]">
<TabsList>
<TabsTrigger value="overview">Overview</TabsTrigger>
<TabsTrigger value="analytics">Analytics</TabsTrigger>
<TabsTrigger value="reports">Reports</TabsTrigger>
</TabsList>
<TabsContent value="overview" className="p-4 text-sm">
Overview tab content
</TabsContent>
<TabsContent value="analytics" className="p-4 text-sm">
Analytics tab content
</TabsContent>
<TabsContent value="reports" className="p-4 text-sm">
Reports tab content
</TabsContent>
</Tabs>
</div>
);
}
