import React from 'react';
import { storiesOf } from '@storybook/react';
import { checkA11y } from 'storybook-addon-a11y';
import totals from './mocks/totals'
import products from './mocks/products'

import GridList from './index';

storiesOf('GridList')
  .addDecorator(checkA11y)
  .add('should render sources list', () => (
    <div style={{ width: '1004px' }}>
      <GridList metrics={totals}
      />
    </div>
  ))
  .add('should render products list', () => (
    <div style={{ width: '1004px' }}>
    <GridList
      metrics={products}
      type="product"
      />
    </div>
  ))
  .add('should render products list for report', () => (
    <div style={{ width: '1004px' }}>
    <GridList
      metrics={products}
      type="product"
      forReport={true}
      />
    </div>
  ))