import { Tabs } from "@/components/ui/expanded/Tabs"

const tabItems = ["Overview", "Details", "Settings", "Activity", "Files"]

export function TabsDemo() {
  return (
    <div className="grid gap-6">
      <Tabs ariaLabel="Tabs" items={tabItems} />
      <Tabs ariaLabel="Tabs" items={tabItems} variant="segment" />
      <Tabs ariaLabel="Tabs" items={tabItems} variant="rounded" />
    </div>
  )
}
