import React from 'react';
import { Meta, StoryFn } from '@storybook/react';
import { Avatar, AvatarProps } from './Avatar';

export default {
  title: 'Atoms/Avatar',
  component: Avatar,
} as Meta;

const Template: StoryFn<AvatarProps> = (args) => <Avatar {...args} />;

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

Default.args = {
  variant: 'default',
  name: 'DK',
};

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

WithImage.args = {
  variant: 'withImage',
  image: 'images/avatar.jpeg',
};
