import React from 'react';

import {storiesOf} from '@storybook/react';
import {withInfo} from '@storybook/addon-info';

import LineChart from 'app/components/charts/lineChart';

storiesOf('Charts|LineChart', module).add(
  'default',
  withInfo('Line Chart')(() => {
    return (
      <LineChart
        style={{height: 400}}
        series={[
          {
            seriesName: 'Chrome',
            data: [
              {
                value: 632,
                name: 'Jan 1',
              },
              {
                value: 107,
                name: 'Jan 2',
              },
              {
                value: 302,
                name: 'Jan 3',
              },
              {
                value: 3,
                name: 'Jan 4',
              },
            ],
          },
          {
            seriesName: 'Safari',
            data: [
              {
                value: 100,
                name: 'Jan 1',
              },
              {
                value: 403,
                name: 'Jan 2',
              },
              {
                value: 222,
                name: 'Jan 3',
              },
              {
                value: 482,
                name: 'Jan 4',
              },
            ],
          },
        ]}
      />
    );
  })
);