'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _style = require('styled-jsx/style.js');

var _style2 = _interopRequireDefault(_style);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _page = require('../components/page');

var _page2 = _interopRequireDefault(_page);

var _mockData = require('@vx/mock-data');

var _mockData2 = _interopRequireDefault(_mockData);

var _curve = require('@vx/curve');

var _curve2 = _interopRequireDefault(_curve);

var _footer = require('../components/footer');

var _footer2 = _interopRequireDefault(_footer);

var _SimpleLineChart = require('../components/charts/SimpleLineChart');

var _SimpleLineChart2 = _interopRequireDefault(_SimpleLineChart);

var _SimpleAreaChart = require('../components/charts/SimpleAreaChart');

var _SimpleAreaChart2 = _interopRequireDefault(_SimpleAreaChart);

var _SimpleLineWithGlyphsChart = require('../components/charts/SimpleLineWithGlyphsChart');

var _SimpleLineWithGlyphsChart2 = _interopRequireDefault(_SimpleLineWithGlyphsChart);

var _SimpleBar = require('../components/charts/SimpleBar');

var _SimpleBar2 = _interopRequireDefault(_SimpleBar);

var _StackedAreaChart = require('../components/charts/StackedAreaChart');

var _StackedAreaChart2 = _interopRequireDefault(_StackedAreaChart);

var _MultiSeriesLine = require('../components/charts/MultiSeriesLine');

var _MultiSeriesLine2 = _interopRequireDefault(_MultiSeriesLine);

var _BrushChart = require('../components/charts/BrushChart');

var _BrushChart2 = _interopRequireDefault(_BrushChart);

var _SimpleLineCode = require('../components/codeblocks/SimpleLineCode');

var _SimpleLineCode2 = _interopRequireDefault(_SimpleLineCode);

var _SimpleAreaCode = require('../components/codeblocks/SimpleAreaCode');

var _SimpleAreaCode2 = _interopRequireDefault(_SimpleAreaCode);

var _SimpleLineGlyphCode = require('../components/codeblocks/SimpleLineGlyphCode');

var _SimpleLineGlyphCode2 = _interopRequireDefault(_SimpleLineGlyphCode);

var _SimpleBarCode = require('../components/codeblocks/SimpleBarCode');

var _SimpleBarCode2 = _interopRequireDefault(_SimpleBarCode);

var _StackedAreaCode = require('../components/codeblocks/StackedAreaCode');

var _StackedAreaCode2 = _interopRequireDefault(_StackedAreaCode);

var _MultiSeriesLineCode = require('../components/codeblocks/MultiSeriesLineCode');

var _MultiSeriesLineCode2 = _interopRequireDefault(_MultiSeriesLineCode);

var _BrushChartCode = require('../components/codeblocks/BrushChartCode');

var _BrushChartCode2 = _interopRequireDefault(_BrushChartCode);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var _jsxFileName = '/Users/hshoff/code/vx/packages/vx-demo/pages/gallery.js?entry';

exports.default = function () {
  var data1 = _mockData2.default.genDateValue(20);
  var data2 = _mockData2.default.genDateValue(20);

  var width = 720;
  var height = 400;
  var margin = {
    top: 60,
    bottom: 60,
    left: 80,
    right: 80
  };

  return _react2.default.createElement(_page2.default, { title: 'gallery', __source: {
      fileName: _jsxFileName,
      lineNumber: 37
    }
  }, _react2.default.createElement('div', { className: 'page-left gallery', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 38
    }
  }, _react2.default.createElement('div', { className: 'item', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 39
    }
  }, _react2.default.createElement('div', { className: 'item-top', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 40
    }
  }, _react2.default.createElement('div', { className: 'chart-title', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 41
    }
  }, _react2.default.createElement('a', { name: 'brushchart', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 42
    }
  }), 'Brush + Zoom Chart', _react2.default.createElement('a', { href: 'https://github.com/hshoff/vx/blob/master/packages/vx-demo/components/charts/BrushChart.js', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 44
    }
  }, _react2.default.createElement('small', {
    'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 45
    }
  }, ' view source'))), _react2.default.createElement(_BrushChart2.default, {
    width: width,
    height: height,
    margin: margin,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 48
    }
  })), _react2.default.createElement('div', { className: 'item-bottom', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 54
    }
  }, _react2.default.createElement('div', {
    'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 55
    }
  }, _react2.default.createElement(_BrushChartCode2.default, {
    __source: {
      fileName: _jsxFileName,
      lineNumber: 56
    }
  })))), _react2.default.createElement('div', { className: 'item', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 60
    }
  }, _react2.default.createElement('div', { className: 'item-top', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 61
    }
  }, _react2.default.createElement('div', { className: 'chart-title', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 62
    }
  }, _react2.default.createElement('a', { name: 'mutliseriesline', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 63
    }
  }), 'Multi-Series Line Chart', _react2.default.createElement('a', { href: 'https://github.com/hshoff/vx/blob/master/packages/vx-demo/components/charts/MultiSeriesLine.js', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 65
    }
  }, _react2.default.createElement('small', {
    'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 66
    }
  }, ' view source'))), _react2.default.createElement(_MultiSeriesLine2.default, {
    width: width,
    height: height,
    margin: margin,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 69
    }
  })), _react2.default.createElement('div', { className: 'item-bottom', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 75
    }
  }, _react2.default.createElement('div', {
    'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 76
    }
  }, _react2.default.createElement(_MultiSeriesLineCode2.default, {
    __source: {
      fileName: _jsxFileName,
      lineNumber: 77
    }
  })))), _react2.default.createElement('div', { className: 'item', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 81
    }
  }, _react2.default.createElement('div', { className: 'item-top', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 82
    }
  }, _react2.default.createElement('div', { className: 'chart-title', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 83
    }
  }, _react2.default.createElement('a', { name: 'simplebar', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 84
    }
  }), 'Bar chart', _react2.default.createElement('a', { href: 'https://github.com/hshoff/vx/blob/master/packages/vx-demo/components/charts/SimpleBar.js', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 86
    }
  }, _react2.default.createElement('small', {
    'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 87
    }
  }, ' view source'))), _react2.default.createElement(_SimpleBar2.default, {
    width: width,
    height: height,
    margin: margin,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 90
    }
  })), _react2.default.createElement('div', { className: 'item-bottom', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 96
    }
  }, _react2.default.createElement('div', {
    'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 97
    }
  }, _react2.default.createElement(_SimpleBarCode2.default, {
    __source: {
      fileName: _jsxFileName,
      lineNumber: 98
    }
  })))), _react2.default.createElement('div', { className: 'item', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 102
    }
  }, _react2.default.createElement('div', { className: 'item-top', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 103
    }
  }, _react2.default.createElement('div', { className: 'chart-title', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 104
    }
  }, _react2.default.createElement('a', { name: 'areastack', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 105
    }
  }), 'Stacked area chart', _react2.default.createElement('a', { href: 'https://github.com/hshoff/vx/blob/master/packages/vx-demo/components/charts/StackedAreaChart.js', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 107
    }
  }, _react2.default.createElement('small', {
    'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 108
    }
  }, ' view source'))), _react2.default.createElement(_StackedAreaChart2.default, {
    width: width,
    height: height,
    margin: margin,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 111
    }
  })), _react2.default.createElement('div', { className: 'item-bottom', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 117
    }
  }, _react2.default.createElement('div', {
    'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 118
    }
  }, _react2.default.createElement(_StackedAreaCode2.default, {
    __source: {
      fileName: _jsxFileName,
      lineNumber: 119
    }
  })))), _react2.default.createElement('div', { className: 'item simpleline', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 123
    }
  }, _react2.default.createElement('div', { className: 'item-top', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 124
    }
  }, _react2.default.createElement('div', { className: 'chart-title', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 125
    }
  }, _react2.default.createElement('a', { name: 'simpleline', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 126
    }
  }), 'Line chart', _react2.default.createElement('a', { href: 'https://github.com/hshoff/vx/blob/master/packages/vx-demo/components/charts/SimpleLineChart.js', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 128
    }
  }, _react2.default.createElement('small', {
    'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 129
    }
  }, ' view source'))), _react2.default.createElement(_SimpleLineChart2.default, {
    width: width,
    height: height,
    margin: margin,
    dataset: [{
      data: data1
    }, {
      data: data2
    }],
    __source: {
      fileName: _jsxFileName,
      lineNumber: 132
    }
  })), _react2.default.createElement('div', { className: 'item-bottom', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 143
    }
  }, _react2.default.createElement('div', {
    'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 144
    }
  }, _react2.default.createElement(_SimpleLineCode2.default, {
    __source: {
      fileName: _jsxFileName,
      lineNumber: 145
    }
  })))), _react2.default.createElement('div', { className: 'item simplearea', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 149
    }
  }, _react2.default.createElement('div', { className: 'item-top', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 150
    }
  }, _react2.default.createElement('div', { className: 'chart-title', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 151
    }
  }, _react2.default.createElement('a', { name: 'simplearea', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 152
    }
  }), 'Area chart', _react2.default.createElement('a', { href: 'https://github.com/hshoff/vx/blob/master/packages/vx-demo/components/charts/SimpleAreaChart.js', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 154
    }
  }, _react2.default.createElement('small', {
    'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 155
    }
  }, ' view source'))), _react2.default.createElement(_SimpleAreaChart2.default, {
    width: width,
    height: height,
    margin: margin,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 158
    }
  })), _react2.default.createElement('div', { className: 'item-bottom', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 164
    }
  }, _react2.default.createElement('div', {
    'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 165
    }
  }, _react2.default.createElement(_SimpleAreaCode2.default, {
    __source: {
      fileName: _jsxFileName,
      lineNumber: 166
    }
  })))), _react2.default.createElement('div', { className: 'item', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 170
    }
  }, _react2.default.createElement('div', { className: 'item-top', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 171
    }
  }, _react2.default.createElement('div', { className: 'chart-title', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 172
    }
  }, _react2.default.createElement('a', { name: 'simplelineglyphs', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 173
    }
  }), 'Line with glyphs chart', _react2.default.createElement('a', { href: 'https://github.com/hshoff/vx/blob/master/packages/vx-demo/components/charts/SimpleLineWithGlyphsChart.js', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 175
    }
  }, _react2.default.createElement('small', {
    'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 176
    }
  }, ' view source'))), _react2.default.createElement(_SimpleLineWithGlyphsChart2.default, {
    width: width,
    height: height,
    margin: margin,
    dataset: [{
      data: data2,
      chart: {
        stroke: '#6A7DD3',
        strokeWidth: 4,
        backgroundColor: 'white'
      }
    }],
    __source: {
      fileName: _jsxFileName,
      lineNumber: 179
    }
  })), _react2.default.createElement('div', { className: 'item-bottom', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 193
    }
  }, _react2.default.createElement('div', {
    'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 194
    }
  }, _react2.default.createElement(_SimpleLineGlyphCode2.default, {
    __source: {
      fileName: _jsxFileName,
      lineNumber: 195
    }
  })))), _react2.default.createElement(_footer2.default, {
    __source: {
      fileName: _jsxFileName,
      lineNumber: 199
    }
  })), _react2.default.createElement('div', { className: 'page-right', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 202
    }
  }, _react2.default.createElement('ul', {
    'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 203
    }
  }, _react2.default.createElement('li', {
    'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 204
    }
  }, _react2.default.createElement('a', { href: '#mutliseriesline', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 205
    }
  }, 'Brush + Zoom Chart')), _react2.default.createElement('li', {
    'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 207
    }
  }, _react2.default.createElement('a', { href: '#mutliseriesline', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 208
    }
  }, 'Multi-Series Line Chart')), _react2.default.createElement('li', {
    'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 210
    }
  }, _react2.default.createElement('a', { href: '#simplebar', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 211
    }
  }, 'Bar chart')), _react2.default.createElement('li', {
    'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 213
    }
  }, _react2.default.createElement('a', { href: '#areastack', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 214
    }
  }, 'Stacked area chart')), _react2.default.createElement('li', {
    'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 216
    }
  }, _react2.default.createElement('a', { href: '#simpleline', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 217
    }
  }, 'Line chart')), _react2.default.createElement('li', {
    'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 219
    }
  }, _react2.default.createElement('a', { href: '#simplearea', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 220
    }
  }, 'Area chart')), _react2.default.createElement('li', {
    'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 222
    }
  }, _react2.default.createElement('a', { href: '#simplelineglyphs', 'data-jsx': 643826174,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 223
    }
  }, 'Line with glyphs chart')))), _react2.default.createElement(_style2.default, {
    styleId: 643826174,
    css: '.gallery[data-jsx="643826174"] {display:-webkit-flex; display:flex;-webkit-flex: 1;-moz-flex: 1;flex: 1;-webkit-flex-direction: column;-moz-flex-direction: column;flex-direction: column;align-items: flex-start;margin-top: 0;}.item[data-jsx="643826174"] {display: block;margin: 2rem;border: 1px solid #f0f0f0;border-radius: 3px;}.item[data-jsx="643826174"] h4[data-jsx="643826174"] {text-align: center;margin-top: .5rem;}.item-top[data-jsx="643826174"],.item-bottom[data-jsx="643826174"] {display: block;}.item-bottom[data-jsx="643826174"] {color: white;}.item[data-jsx="643826174"]:last-child {margin-bottom: 100px;}.simpleline[data-jsx="643826174"] {color: white;background-color: #090910;}.chart-title[data-jsx="643826174"] {margin-top: 1rem;margin-left: 4rem;}.page-right[data-jsx="643826174"] {color: black;}.page-right[data-jsx="643826174"] ul[data-jsx="643826174"] {position: fixed;}.footer[data-jsx="643826174"] {width: 100%;}@media (max-width: 600px) {.page-left[data-jsx="643826174"] {margin-top: 10px;padding-left: 1rem;}.page-right[data-jsx="643826174"] {opacity: 0;margin-top: 0;padding: 0;position: relative;}.item[data-jsx="643826174"] {margin: 0 0 2rem;}}\n/*# sourceMappingURL=data:application/json;base64,  */\n/*@ sourceURL=pages/gallery.js?entry */'
  }));
};