import { type Meta, type StoryObj } from '@storybook/react-vite';

import ImgAvatar1 from '../../../../static/avatar1.png';

import AvatarGroup from '.';

const meta: Meta<typeof AvatarGroup> = {
  component: AvatarGroup,
  title: 'Design System/Avatars/AvatarGroup',
  tags: ['autodocs'],
  args: {
    avatars: [
      { src: ImgAvatar1, alt: 'Avatar Alt' },
      {
        src: 'https://example.com/nonexistent-image.png',
        alt: 'Avatar Alt',
        text: 'OP',
        color: 'success',
      },
      {
        src: 'https://example.com/nonexistent-image.png',
        alt: 'Avatar Alt',
        color: 'error',
      },
      { src: '', alt: '' },
      { src: '', alt: '' },
    ],
  },
};

export default meta;

type Story = StoryObj<typeof AvatarGroup>;

export const Default: Story = { args: {} };

export const CustomTotalAvatars: Story = {
  args: {
    totalAvatars: 2000,
  },
};