import { MagicTab } from "@/components/godui/magic-tab";

const items = [
{ value: "overview", label: "Overview" },
{ value: "analytics", label: "Analytics" },
{ value: "reports", label: "Reports" },
];

export function MagicTabSecondary() {
return <MagicTab items={items} defaultValue="overview" variant="secondary" />;
}

import { MagicTab } from "@/components/godui/magic-tab";

const items = [
{ value: "overview", label: "Overview" },
{ value: "analytics", label: "Analytics" },
{ value: "reports", label: "Reports" },
];

export function MagicTabPlain() {
return <MagicTab items={items} defaultValue="overview" rainbow={false} />;
}

import { MagicTab } from "@/components/godui/magic-tab";

const items = [
{ value: "overview", label: "Overview" },
{ value: "analytics", label: "Analytics", disabled: true },
{ value: "reports", label: "Reports" },
];

export function MagicTabDisabled() {
return <MagicTab items={items} defaultValue="overview" />;
}

import { MagicTab } from "@/components/godui/magic-tab";

const items = [
{ value: "overview", label: "Overview" },
{ value: "analytics", label: "Analytics" },
{ value: "reports", label: "Reports" },
];

export function MagicTabSizes() {
return (
  <div className="flex flex-col items-center gap-4">
    <MagicTab items={items} defaultValue="overview" size="sm" />
    <MagicTab items={items} defaultValue="overview" size="md" />
    <MagicTab items={items} defaultValue="overview" size="lg" />
  </div>
);
}