import React from 'react';
import { Meta, StoryFn } from '@storybook/react';
import { AvatarGroup, AvatarGroupProps } from './AvatarGroup';

export default {
  title: 'Molecules/AvatarGroup',
  component: AvatarGroup,
} as Meta;

const Template: StoryFn<AvatarGroupProps> = (args) => <AvatarGroup {...args} />;

export const Default = Template.bind({});

Default.args = {
  avatars: [
    {
      name: 'AA',
      image: 'images/avatar.jpeg',
    },
    {
      name: 'AA',
    },
    {
      name: 'AA',
    },
    {
      name: 'AA',
      image: 'images/avatar.jpeg',
    },
    {
      name: 'AA',
    },
  ],
};
