'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);

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;
  return _react2.default.createElement('div', { className: 'main', 'data-jsx': 3980361217,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 5
    }
  }, _react2.default.createElement(_meta2.default, { title: title, __source: {
      fileName: _jsxFileName,
      lineNumber: 6
    }
  }), _react2.default.createElement('div', { className: 'left', 'data-jsx': 3980361217,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 7
    }
  }, _react2.default.createElement(_nav2.default, {
    __source: {
      fileName: _jsxFileName,
      lineNumber: 8
    }
  })), _react2.default.createElement('div', { className: 'right', 'data-jsx': 3980361217,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 10
    }
  }, children), _react2.default.createElement(_style2.default, {
    styleId: 3980361217,
    css: '.main[data-jsx="3980361217"] {display:-webkit-flex; display:flex;position: absolute;top: 0;left: 0;right: 0;bottom: 0;font-size: 16px;}.left[data-jsx="3980361217"] {display:-webkit-flex; display:flex;-webkit-flex: 1;-moz-flex: 1;flex: 1;position: fixed;top: 0;bottom: 0;left: 0;}.right[data-jsx="3980361217"] {display:-webkit-flex; display:flex;-webkit-flex: 5;-moz-flex: 5;flex: 5;line-height: 2rem;font-family: \'Roboto Mono\';margin-left: 250px;}@media (max-width: 600px) {.main[data-jsx="3980361217"] {-webkit-flex-direction: column;-moz-flex-direction: column;flex-direction: column;position: relative;}.left[data-jsx="3980361217"] {position: relative;}.right[data-jsx="3980361217"] {margin-left: 0;-webkit-flex-direction: column;-moz-flex-direction: column;flex-direction: column;}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvcGFnZS5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZZ0IsQUFDSCw4QkFDUyxtQ0FDSyxtQkFDWixPQUNDLFFBQ0MsU0FDQyxVQUNNLGdCQUNqQixDQUVNLDhCQUNTLG1DQUNOLHFDQUNRLGdCQUNULE9BQ0csVUFDRixRQUNULENBRU8sK0JBQ1EsbUNBQ04scUNBQ1Usa0JBQ1MsMkJBQ1IsbUJBQ3BCLENBRTBCLDJCQUNsQiw4QkFBd0Isa0ZBQW9CLG1CQUFFLENBQzlDLDhCQUFvQixtQkFBRSxDQUNyQiwrQkFBZ0IsZUFBd0Isa0ZBQUUsQ0FDbkQiLCJmaWxlIjoiY29tcG9uZW50cy9wYWdlLmpzIiwic291cmNlUm9vdCI6Ii9Vc2Vycy9oc2hvZmYvY29kZS92eC9wYWNrYWdlcy92eC1kZW1vIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IE1ldGEgZnJvbSAnLi9tZXRhJztcbmltcG9ydCBOYXYgZnJvbSAnLi9uYXYnO1xuXG5leHBvcnQgZGVmYXVsdCAoeyBjaGlsZHJlbiwgdGl0bGUgfSkgPT4gKFxuICA8ZGl2IGNsYXNzTmFtZT1cIm1haW5cIj5cbiAgICA8TWV0YSB0aXRsZT17dGl0bGV9IC8+XG4gICAgPGRpdiBjbGFzc05hbWU9XCJsZWZ0XCI+XG4gICAgICA8TmF2IC8+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzc05hbWU9XCJyaWdodFwiPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICAgIDxzdHlsZSBqc3g+e2BcbiAgICAgIC5tYWluIHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICB0b3A6IDA7XG4gICAgICAgIGxlZnQ6IDA7XG4gICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICBib3R0b206IDA7XG4gICAgICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICAgIH1cblxuICAgICAgLmxlZnQge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBmbGV4OiAxO1xuICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgIHRvcDogMDtcbiAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICBsZWZ0OiAwO1xuICAgICAgfVxuXG4gICAgICAucmlnaHQge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBmbGV4OiA1O1xuICAgICAgICBsaW5lLWhlaWdodDogMnJlbTtcbiAgICAgICAgZm9udC1mYW1pbHk6ICdSb2JvdG8gTW9ubyc7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiAyNTBweDtcbiAgICAgIH1cblxuICAgICAgQG1lZGlhIChtYXgtd2lkdGg6IDYwMHB4KSB7XG4gICAgICAgIC5tYWluIHsgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsgcG9zaXRpb246IHJlbGF0aXZlOyB9XG4gICAgICAgIC5sZWZ0IHsgcG9zaXRpb246IHJlbGF0aXZlOyB9XG4gICAgICAgIC5yaWdodCB7IG1hcmdpbi1sZWZ0OiAwOyBmbGV4LWRpcmVjdGlvbjogY29sdW1uOyB9XG4gICAgICB9XG4gICAgYH08L3N0eWxlPlxuICA8L2Rpdj5cbik7XG4iXX0= */\n/*@ sourceURL=components/page.js */'
  }));
};