Function TabSwitcher

packages/web/src/components/ui/tab-switcher.tsx:14–35

({ tabs, currentTab, className }: TabSwitcherProps)

}

export function TabSwitcher({ tabs, currentTab, className }: TabSwitcherProps) {
  const router = useRouter()

  const handleTabChange = (value: string) => {
    router.push(`?tab=${value}`, { scroll: false })
  }

  return (
    <TabsList className={className}>
      {tabs.map((tab) => (
        <LowProfileTabsTrigger
          key={tab.value}
          value={tab.value}
          onClick={() => handleTabChange(tab.value)}
          data-state={currentTab === tab.value ? "active" : ""}
        >
          {tab.label}
        </LowProfileTabsTrigger>
      ))}
    </TabsList>
  )
}

interface LowProfileTabsTrigger {
    value: string