import React from 'react';
import { ProductList } from 'molecules';
import { productListData } from 'mocks';

const stories = [
  {
    name: 'Product List Default',
    story: () => (
      <div>
        <ProductList datasource={productListData} />
      </div>
      )
  },
  {
    name: 'Product List Wrapped',
    story: () => (
      <div>
        <ProductList
          datasource={productListData}
          itemsPerRow="3"
          direction="wrap"
        />
      </div>
      )
  },
  {
    name: 'Product List Vertical',
    story: () => (
      <div>
        <ProductList
          datasource={productListData}
          direction="vertical"
        />
      </div>
      )
  }
];

export default stories;