import React from 'react'
import { storiesOf } from '@storybook/react'
import { toCommonState } from 'src/state'
import { ShippingMethodOption } from 'presets/Checkout/ShippingMethodOption'
import { shippingMethodOptionList } from './fixture'

const handleChange = (event: Event, item) =>
  console.log(
    '[Story/Checkout/ShippingMethodOption] handleChange: ',
    item.value
  )

storiesOf('presets/Checkout', module).add('ShippingMethodOption', () => (
  <ShippingMethodOption
    list={shippingMethodOptionList}
    onChange={handleChange}
  />
))