Tabs

import {
  Tabs,
  TabsList,
  TabsTab,
  TabsPanel,
} from "@craftdotui/baseui/components/tabs";

<Tabs defaultValue="tab1">
  <TabsList>
    <TabsTab value="tab1">Tab 1</TabsTab>
    <TabsTab value="tab2">Tab 2</TabsTab>
    <TabsTab value="tab3">Tab 3</TabsTab>
  </TabsList>
  
  <TabsPanel value="tab1">Content 1</TabsPanel>
  <TabsPanel value="tab2">Content 2</TabsPanel>
  <TabsPanel value="tab3">Content 3</TabsPanel>
</Tabs>

<TabsList variant="default">...</TabsList>
<TabsList variant="outlined">...</TabsList>
<TabsList variant="ghost">...</TabsList>

<TabsList tabShape="pill">
  <TabsTab value="tab1">Tab 1</TabsTab>
  <TabsTab value="tab2">Tab 2</TabsTab>
</TabsList>

<Tabs orientation="vertical">
  <TabsList>
    <TabsTab value="tab1">Tab 1</TabsTab>
    <TabsTab value="tab2">Tab 2</TabsTab>
  </TabsList>
  <TabsPanel value="tab1">Content 1</TabsPanel>
  <TabsPanel value="tab2">Content 2</TabsPanel>
</Tabs>

<TabsList tabsListFullWidth>
  <TabsTab value="tab1">Tab 1</TabsTab>
  <TabsTab value="tab2">Tab 2</TabsTab>
</TabsList>