import React from 'react'
import { Meta } from '@storybook/react/types-6-0'
import { Story } from '@storybook/react'
import { Circle,CircleProps } from './Circle'
import { BsCheck2,BsPlus } from 'react-icons/bs'

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

const Template: Story<CircleProps> = (args) => <Circle {...args}/>

export const Check = Template.bind({})
Check.args = { children:<BsCheck2 />, css:'background: #EAE9E9;' }

export const Plus = Template.bind({})
Plus.args =  { children:<BsPlus />, css:'background: #50FFB5;' }