import React from 'react';
import LineChart from '../../../src/lib/Chart/Line/LineChart';
import { ChartData } from '../../../src/lib/Chart/Line/LineChart.types';

const data: ChartData = [
  { value: 10, average: 9, label: 'First' },
  { value: 12, average: 10, label: 'Second' },
  { value: 15, average: 12, label: 'Third' },
  { value: 12, average: 14, label: 'Fourth' },
  { value: 11, average: 12, label: 'Fifth' }
];

export default stories => {
  stories
    .add(
      'Line Chart',
      () => (
        <LineChart
          unit="min"
          yAxis="value"
          xAxis="label"
          data={data}>
          <LineChart.Line name="Average" dataKey="average" stroke="red" />
          <LineChart.Line name="Value" dataKey="value" stroke="orange" />
        </LineChart>
      )
    )
};