Tabs

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

export default function Demo() {
  const TABS = [
    { label: "Overview", value: "overview" },
    { label: "Analytics", value: "analytics" },
    { label: "Development", value: "dev" },
    { label: "Settings", value: "settings" }
  ]

  return (
    <div className="flex flex-col gap-12">
      <Tabs tabs={TABS} variant="pills" />
      <Tabs tabs={TABS} variant="underline" />
    </div>
  )
}