/**
 * .Select Left Decoration Stories
 * @generated 2025-12-11T14:37:52.625859
 */
import type { Meta, StoryObj } from '@storybook/preact';
import { SelectLeftDecoration, type SelectLeftDecorationProps } from '../src/atoms/SelectLeftDecoration';

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

**Classification:** molecule
**Slots:** None
**Figma ID:** 18:1373`
      }
    }
  },
  argTypes: {
    type: {
      control: 'select',
      options: ['Avatar', 'Blank', 'Checkbox', 'Deco Icon Outline', 'Deco Icon Primary', 'Icon', 'Icon muted', 'Radio', 'Text', 'Text Muted'],
      description: 'Type variant',
    },
    size: {
      control: 'select',
      options: ['Default', 'Large'],
      description: 'Size variant',
    },
  },
};

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

export const Default: Story = {
  args: {
    type: 'Avatar',
    size: 'Default',
    children: 'SelectLeftDecoration'
  },
};

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

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