/**
 * Tabs Stories
 * @generated 2025-12-11T14:37:52.649446
 */
import type { Meta, StoryObj } from '@storybook/preact';
import { Tabs, type TabsProps } from '../src/atoms/Tabs';

const meta: Meta<TabsProps> = {
  title: '3. Molecules/Tabs',
  component: Tabs,
  tags: ['autodocs'],
  parameters: {
    docs: {
      description: {
        component: `Auto-generated Tabs component

**Classification:** molecule
**Slots:** None
**Figma ID:** 9:639`
      }
    }
  },
  argTypes: {
    size: {
      control: 'select',
      options: ['Large', 'Regular', 'Small'],
      description: 'Size variant',
    },
    content: {
      control: 'select',
      options: ['Icon', 'Icon + Label', 'Label'],
      description: 'Content variant',
    },
    parts: {
      control: 'select',
      options: ['2 Parts', '3 Parts', '4 Parts', '5 Parts'],
      description: 'Parts variant',
    },
  },
};

export default meta;
type Story = StoryObj<TabsProps>;

export const Default: Story = {
  args: {
    size: 'Large',
    content: 'Icon',
    parts: '2 Parts',
    children: 'Tabs'
  },
};

export const SizeLarge: Story = {
  args: {
    ...Default.args,
    size: 'Large',
  },
};

export const SizeRegular: Story = {
  args: {
    ...Default.args,
    size: 'Regular',
  },
};

export const SizeSmall: Story = {
  args: {
    ...Default.args,
    size: 'Small',
  },
};
