'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 _meta = require('./meta');

var _meta2 = _interopRequireDefault(_meta);

var _nav = require('./nav');

var _nav2 = _interopRequireDefault(_nav);

var _classnames = require('classnames');

var _classnames2 = _interopRequireDefault(_classnames);

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

var _jsxFileName = '/Users/hshoff/code/vx/packages/vx-demo/components/page.js';

exports.default = function (_ref) {
  var children = _ref.children,
      title = _ref.title,
      className = _ref.className;
  return _react2.default.createElement('div', { className: (0, _classnames2.default)("main", className), 'data-jsx': 3942934279,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 6
    }
  }, _react2.default.createElement(_meta2.default, { title: title, __source: {
      fileName: _jsxFileName,
      lineNumber: 7
    }
  }), _react2.default.createElement('div', { className: 'nav-container', 'data-jsx': 3942934279,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 8
    }
  }, _react2.default.createElement(_nav2.default, {
    __source: {
      fileName: _jsxFileName,
      lineNumber: 9
    }
  })), _react2.default.createElement('div', { className: 'page-content', 'data-jsx': 3942934279,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 11
    }
  }, children), _react2.default.createElement(_style2.default, {
    styleId: 3942934279,
    css: '.main[data-jsx="3942934279"]{width:100vw;margin:0 auto;overflow-x:hidden}.page-content[data-jsx="3942934279"]{width:95vw;margin:55px auto 40px;color:#161616;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.nav-container[data-jsx="3942934279"]{background:#ffffff}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvcGFnZS5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhZ0IsQUFHcUIsQUFLRCxBQVNRLFdBUkcsQ0FMUixPQWNoQixPQWJvQixPQUtKLFdBSmhCLEdBS2tCLGdCQUNFLGtCQUNlLGlDQUNuQyIsImZpbGUiOiJjb21wb25lbnRzL3BhZ2UuanMiLCJzb3VyY2VSb290IjoiL1VzZXJzL2hzaG9mZi9jb2RlL3Z4L3BhY2thZ2VzL3Z4LWRlbW8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgTWV0YSBmcm9tICcuL21ldGEnO1xuaW1wb3J0IE5hdiBmcm9tICcuL25hdic7XG5pbXBvcnQgY3ggZnJvbSAnY2xhc3NuYW1lcyc7XG5cbmV4cG9ydCBkZWZhdWx0ICh7IGNoaWxkcmVuLCB0aXRsZSwgY2xhc3NOYW1lIH0pID0+IChcbiAgPGRpdiBjbGFzc05hbWU9e2N4KFwibWFpblwiLCBjbGFzc05hbWUpfT5cbiAgICA8TWV0YSB0aXRsZT17dGl0bGV9IC8+XG4gICAgPGRpdiBjbGFzc05hbWU9XCJuYXYtY29udGFpbmVyXCI+XG4gICAgICA8TmF2IC8+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzc05hbWU9XCJwYWdlLWNvbnRlbnRcIj5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgICA8c3R5bGUganN4PntgXG4gICAgICAubWFpbiB7XG4gICAgICAgIHdpZHRoOiAxMDB2dztcbiAgICAgICAgbWFyZ2luOiAwIGF1dG87XG4gICAgICAgIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgICAgIH1cbiAgICAgIC5wYWdlLWNvbnRlbnQge1xuICAgICAgICB3aWR0aDogOTV2dztcbiAgICAgICAgbWFyZ2luOiA1NXB4IGF1dG8gNDBweDtcbiAgICAgICAgY29sb3I6ICMxNjE2MTY7XG4gICAgICAgIG92ZXJmbG93LXk6IGF1dG87XG4gICAgICAgIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgICAgICAgLXdlYmtpdC1vdmVyZmxvdy1zY3JvbGxpbmc6IHRvdWNoO1xuICAgICAgfVxuXG4gICAgICAubmF2LWNvbnRhaW5lciB7XG4gICAgICAgIGJhY2tncm91bmQ6ICNmZmZmZmY7XG4gICAgICB9XG4gICAgYH08L3N0eWxlPlxuICA8L2Rpdj5cbik7XG4iXX0= */\n/*@ sourceURL=components/page.js */'
  }));
};