import { Avatar } from './Avatar';

export default {
  title: 'Atoms/Avatar',
  component: Avatar,
  tags: ['autodocs'],
  argTypes: {
    size: {
      control: 'select',
      options: ['small', 'medium', 'large', 'xl'],
    },
    variant: {
      control: 'select',
      options: ['circle', 'square'],
    },
  },
};

export const WithImage = {
  args: {
    src: 'https://i.pravatar.cc/150?img=1',
    alt: 'User avatar',
    size: 'medium',
  },
};

export const WithInitials = {
  args: {
    name: 'John Doe',
    size: 'medium',
  },
};

export const WithoutName = {
  args: {
    size: 'medium',
  },
};

export const Small = {
  args: {
    name: 'Jane Smith',
    size: 'small',
  },
};

export const Large = {
  args: {
    name: 'Bob Johnson',
    size: 'large',
  },
};

export const Square = {
  args: {
    name: 'Alice Williams',
    variant: 'square',
    size: 'medium',
  },
};

