"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

var _react = require("@storybook/react");

var _react2 = _interopRequireDefault(require("react"));

var _Box = require("../Box");

var _Graph = require("./Graph");

var __jsx = _react2["default"].createElement;
var stories = (0, _react.storiesOf)('Graph', module);
stories.addDecorator(function (story) {
  return __jsx(_Box.Box, {
    maxWidth: "xl",
    mx: "auto",
    mt: 6,
    p: 6
  }, story());
});
var data = [{
  name: 'Page A',
  uv: 4000,
  pv: 2400
}, {
  name: 'Page B',
  uv: 3000,
  pv: 1398
}, {
  name: 'Page C',
  uv: 2000,
  pv: 9800
}, {
  name: 'Page D',
  uv: 2780,
  pv: 3908
}, {
  name: 'Page E',
  uv: 1890,
  pv: 4800
}, {
  name: 'Page F',
  uv: 2390,
  pv: 3800
}, {
  name: 'Page G',
  uv: 3490,
  pv: 4300
}];
var items = [{
  key: 'uv',
  title: 'UV Label'
}, {
  key: 'pv',
  title: 'PV Label'
}];
stories.add('Area Graph', function () {
  return __jsx(_Box.Box, null, __jsx(_Graph.AreaGraph, {
    data: data,
    items: items
  }));
});
stories.add('Bar Graph', function () {
  return __jsx(_Box.Box, null, __jsx(_Graph.BarGraph, {
    data: data,
    items: items
  }));
});
//# sourceMappingURL=examples.js.map