import { Meta, Story } from '@storybook/react';
import { Avatar, AvatarProps } from '../../../react/src/components/Avatar';

export default {
  title: 'Components/Avatar',
  component: Avatar,
  args: {
    src: '',
    alt: '',
  },
} as Meta;

export const Primary: Story<AvatarProps> = (args) => <Avatar {...args} />;

export const WithFallback: Story<AvatarProps> = (args) => (
  <Avatar {...args} />
);
WithFallback.args = {
  src: undefined,
};
WithFallback.argTypes = {
  src: {
    control: {
      type: 'text',
    },
  },
};