import React from 'react'

import { ComponentStory, ComponentMeta } from '@storybook/react'

import { Grid, Product } from '../components'

export default {
  title: 'Components/Product',
  component: Product
} as ComponentMeta<typeof Product>

const Template: ComponentStory<typeof Product> = args => {
  return (
    <Grid columns={5}>
      <Product {...args} />
    </Grid>
  )
}

export const Element = Template.bind({})

Element.args = {
  data: {
    id: '0000',
    sku: '0000',
    name: 'Product Name',
    unit_price: 9.99
  }
}
