import React from 'react'
import { Meta } from '@storybook/react/types-6-0'
import { Story } from '@storybook/react'
import { Avatar,AvatarProps } from './Avatar'

export default {
  title: 'Components/Avatar',
  component: Avatar,
  argTypes: {},
} as Meta

// Create a master template for mapping args to render the Button component
const Template: Story<AvatarProps> = (args) => <Avatar {...args} />

// Reuse that template for creating different stories

export const Primary = Template.bind({})
Primary.args = { src:'https://wakeflow.io/teamPictures/andi.png' }

// export const Secondary = Template.bind({});
// Secondary.args = { ...Primary.args, primary: false, label: "Secondary 😇" };

