import React from 'react'
import { storiesOf } from '@storybook/react'
import TextArea from 'src/inputs/TextArea'
import TextBox from 'src/inputs/TextBox'
import Incrementer from 'src/inputs/Incrementer'
import { ButtonInput } from 'src/forms/input/plugins/Button/ButtonInput'

const handleIncrementerChange = item => {
  console.info('[Story/Incrementer] handleIncrementerChange() called', item)
}

storiesOf('forms/Inputs', module)
  .add('TextArea', () => <TextArea />)
  .add('TextBox', () => <TextBox />)
  .add('Incrementer', () => <Incrementer onChange={handleIncrementerChange} />)
  .add('ButtonInput', () => <ButtonInput value="ButtonInput" />)