import React from 'react'
import { storiesOf } from '@storybook/react'
import { Approval } from 'presets/B2B/Approval'
import {
  item,
  ShippingAddressInformation,
  ProductItemList,
  ButtonInformation,
} from './fixture'

const handleUserNameClick = args => {
  console.log('[Approval] handleUserNameClick', args)
  console.log(
    '[Approval] handleUserNameClick',
    args.event.currentTarget.innerText
  )
}

storiesOf('presets/B2B/Approval', module).add('default', () => (
  <Approval
    item={item}
    list={ProductItemList}
    buttonInformation={ButtonInformation}
    onUserName={handleUserNameClick}
    {...ShippingAddressInformation}
  />
))