import React from 'react'
import { Checkbox } from './index'

export default {
  title: 'atoms/Checkbox/circular',
  component: Checkbox
}

const Template = (args) => { return <Checkbox {...args} /> }

export const Default = Template.bind({})
Default.args = {
  checked: false,
  disabled: false,
  id: 'checkbox1',
  label: 'Checkbox Label',
  onChange: () => {}
}

export const Checked = Template.bind({})
Checked.args = {
  ...Default.args,
  checked: true
}

export const Disabled = Template.bind({})
Disabled.args = {
  ...Default.args,
  disabled: true
}

export const Indeterminate = Template.bind({})
Indeterminate.args = {
  ...Default.args,
  indeterminate: true
}