import React from 'react'

import { ComponentStory, ComponentMeta } from '@storybook/react'

import { Badge } from '../components'

export default {
  title: 'Components/Badge',
  component: Badge
} as ComponentMeta<typeof Badge>

const Template: ComponentStory<typeof Badge> = args => {
  return (
    <Badge.Container>
      <Badge {...args} type='fail'>
        Fail
      </Badge>
      <Badge {...args} type='pass'>
        Pass
      </Badge>
      <Badge {...args} type='rectified'>
        Rectified
      </Badge>
    </Badge.Container>
  )
}

export const Element = Template.bind({})

Element.args = {
  children: 'low',
  type: 'low'
}
