Function Tabs

src/showcase/components/tabs/SimpleTabs.tsx:41–54

({ tabs, activeTab, onTabClick, center }: TabsProps)

}

export const Tabs = ({ tabs, activeTab, onTabClick, center }: TabsProps) => {
  return (
    <div className="mb-4 flex w-full">
      {tabs.map((tab) => (
        <Tab
          key={tab.id}
          label={tab.label}
          isActive={activeTab === tab.id}
          onClick={() => onTabClick(tab.id)}
        />
      ))}
    </div>
  )
}

const SimpleTabs = () => {
  const [activeTab, setActiveTab] = useState('ansub')