import type { Meta, StoryObj } from "@storybook/react";

import { Tabs } from ".";

const meta: Meta<typeof Tabs> = {
  title: "Example/Tabs",
  component: Tabs,
};

type Story = StoryObj<typeof Tabs>;

export const Primary: Story = {
  render: () => (
    <Tabs data-id="nick" data-component="Tabs$Brevity" defaultValue="tab1">
      <Tabs.TabsList data-component="Tabs$Brevity.TabsList">
        <Tabs.TabsTrigger
          value="tab1"
          data-component="Tabs$Brevity.TabsTrigger"
        >
          Tab 1
        </Tabs.TabsTrigger>
        <Tabs.TabsTrigger
          value="tab2"
          data-component="Tabs$Brevity.TabsTrigger"
        >
          Tab 2
        </Tabs.TabsTrigger>
      </Tabs.TabsList>
      <Tabs.TabsContent value="tab1" data-component="Tabs$Brevity.TabsContent">
        Tab 1 content
      </Tabs.TabsContent>
      <Tabs.TabsContent value="tab2" data-component="Tabs$Brevity.TabsContent">
        Tab 2 content
      </Tabs.TabsContent>
    </Tabs>
  ),
};

export default meta;