import React from 'react'
import { storiesOf } from '@storybook/react'
import Toggle from 'molecules/Toggle'

const onToggle = (args) => {
  const {isSelected} = args
  console.log('[Story/Toggle] isSelected', isSelected)
}

storiesOf('molecules/Toggle', module)
  .add('Toggle checkbox', () => <Toggle iconType={'checkbox'} onToggle={onToggle}/>)
  .add('Toggle checkbox with label', () => <Toggle iconType={'checkbox'} label={'Toggle'} onToggle={onToggle}/>)
  .add('Toggle checkbox with theme and label', () => <Toggle iconType={'checkbox'} breed={'silhouette'} label={'Toggle'} onToggle={onToggle}/>)
  .add('Toggle radio', () => <Toggle iconType={'radio'} onToggle={onToggle}/>)
  .add('Toggle radio with label', () => <Toggle iconType={'radio'} label={'Toggle'} onToggle={onToggle}/>)