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

const meta: Meta<AvatarProps> = {
  title: '2. Atoms/Avatar',
  component: Avatar,
  tags: ['autodocs'],
  parameters: {
    docs: {
      description: {
        component: `Auto-generated Avatar component

**Classification:** atom
**Slots:** media
**Figma ID:** 18:1398`
      }
    }
  },
  argTypes: {
    picture: {
      control: 'select',
      options: ['false', 'true'],
      description: 'Picture variant',
    },
    size: {
      control: 'select',
      options: ['Extra Tiny', 'Regular', 'Small', 'Tiny'],
      description: 'Size variant',
    },
    roundnessType: {
      control: 'select',
      options: ['Round', 'Roundrect'],
      description: 'Roundness Type variant',
    },
  },
};

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

export const Default: Story = {
  args: {
    picture: 'false',
    size: 'Extra Tiny',
    roundnessType: 'Round',
    children: 'Avatar'
  },
};

export const SizeExtraTiny: Story = {
  args: {
    ...Default.args,
    size: 'Extra Tiny',
  },
};

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

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