import React from 'react';
import createClass from 'create-react-class';
import { LineChart } from '../../../index';

const data = [
	{ x: new Date('2015-01-01T00:00:00-08:00'), y: 1.55 },
	{ x: new Date('2015-01-02T00:00:00-08:00'), y: 2.67 },
	{ x: new Date('2015-01-03T00:00:00-08:00'), y: 3.31 },
	{ x: new Date('2015-01-04T00:00:00-08:00'), y: 5.99 },
];

export default createClass({
	render() {
		return (
			<LineChart
				yAxisIsStacked
				yAxisFormatter={yValue => `$ ${yValue}`}
				yAxisTooltipFormatter={(yField, yValueFormatted) => yValueFormatted}
				data={data}
			/>
		);
	},
});