import React from 'react';
import { storiesOf } from '@storybook/react';
import { checkA11y } from 'storybook-addon-a11y';
import { action } from '@storybook/addon-actions';
import { ReportsStore } from '@bufferapp/analyze-decorators';
import TotalsGrid from './index';
import totals from '../mocks/totalsWithDaily';

storiesOf('TotalsGrid')
  .addDecorator(checkA11y)
  .addDecorator(ReportsStore)
  .add('should render the totals tables', () => (
    <div style={{ width: '933px' }}>
      <TotalsGrid metrics={totals} profile />
    </div>
  ))
;