module.exports =
/******/ (function(modules) { // webpackBootstrap
/******/ 	// The module cache
/******/ 	var installedModules = {};
/******/
/******/ 	// The require function
/******/ 	function __webpack_require__(moduleId) {
/******/
/******/ 		// Check if module is in cache
/******/ 		if(installedModules[moduleId]) {
/******/ 			return installedModules[moduleId].exports;
/******/ 		}
/******/ 		// Create a new module (and put it into the cache)
/******/ 		var module = installedModules[moduleId] = {
/******/ 			i: moduleId,
/******/ 			l: false,
/******/ 			exports: {}
/******/ 		};
/******/
/******/ 		// Execute the module function
/******/ 		var threw = true;
/******/ 		try {
/******/ 			modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/ 			threw = false;
/******/ 		} finally {
/******/ 			if(threw) delete installedModules[moduleId];
/******/ 		}
/******/
/******/ 		// Flag the module as loaded
/******/ 		module.l = true;
/******/
/******/ 		// Return the exports of the module
/******/ 		return module.exports;
/******/ 	}
/******/
/******/
/******/ 	// expose the modules object (__webpack_modules__)
/******/ 	__webpack_require__.m = modules;
/******/
/******/ 	// expose the module cache
/******/ 	__webpack_require__.c = installedModules;
/******/
/******/ 	// define getter function for harmony exports
/******/ 	__webpack_require__.d = function(exports, name, getter) {
/******/ 		if(!__webpack_require__.o(exports, name)) {
/******/ 			Object.defineProperty(exports, name, {
/******/ 				configurable: false,
/******/ 				enumerable: true,
/******/ 				get: getter
/******/ 			});
/******/ 		}
/******/ 	};
/******/
/******/ 	// getDefaultExport function for compatibility with non-harmony modules
/******/ 	__webpack_require__.n = function(module) {
/******/ 		var getter = module && module.__esModule ?
/******/ 			function getDefault() { return module['default']; } :
/******/ 			function getModuleExports() { return module; };
/******/ 		__webpack_require__.d(getter, 'a', getter);
/******/ 		return getter;
/******/ 	};
/******/
/******/ 	// Object.prototype.hasOwnProperty.call
/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/ 	// __webpack_public_path__
/******/ 	__webpack_require__.p = "";
/******/
/******/ 	// Load entry module and return exports
/******/ 	return __webpack_require__(__webpack_require__.s = 2);
/******/ })
/************************************************************************/
/******/ ({

/***/ "./module/index.js":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* unused harmony export emitter */
/* unused harmony export toggleLeft */
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return showLeft; });
/* unused harmony export hideLeft */
/* unused harmony export toggleRight */
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return showRight; });
/* unused harmony export hideRight */
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__("react");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_tiny_emitter__ = __webpack_require__("tiny-emitter");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_tiny_emitter___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_tiny_emitter__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__styles__ = __webpack_require__("./module/styles.js");
var _jsxFileName = '/Users/hakonmartinholmsenkrogh/www/react-layout/module/index.js';

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }






var defaultWidth = '300px';

var emitter = new __WEBPACK_IMPORTED_MODULE_1_tiny_emitter___default.a();
var showStatus = {
  left: false,
  right: false
};
var speed = 300;
var toggleResolvers = [];

function toggleSide(side, show) {
  if (toggleResolvers.length > 0) {
    toggleResolvers.forEach(function (r) {
      if (!r.handeled) {
        r.resolve(false);
        r.handeled = true;
      }
    });
  }

  return new Promise(function (resolve) {
    if (side === 'both') {
      showStatus.left = false;
      showStatus.right = false;
    } else {
      showStatus[side] = show;
    }

    emitter.emit('toggle', showStatus);

    if (show && document.activeElement) {
      document.activeElement.blur();
    }

    var resolver = {
      type: (show ? 'Show' : 'Hide') + ' ' + side + ' side(s)',
      timeout: setTimeout(function () {
        if (!resolver.handeled) {
          resolver.resolve(true);
        }
        toggleResolvers.splice(toggleResolvers.indexOf(function (r) {
          return r === resolver;
        }), 1);
      }, speed),
      resolve: resolve
    };

    toggleResolvers.push(resolver);
  });
}

var toggleLeft = function toggleLeft() {
  var show = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !showStatus.left;
  return toggleSide('left', show);
};
var showLeft = function showLeft() {
  return toggleLeft(true);
};
var hideLeft = function hideLeft() {
  return toggleLeft(false);
};
var toggleRight = function toggleRight() {
  var show = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !showStatus.right;
  return toggleSide('right', show);
};
var showRight = function showRight() {
  return toggleRight(true);
};
var hideRight = function hideRight() {
  return toggleRight(false);
};

var CrystallizeLayout = function (_Component) {
  _inherits(CrystallizeLayout, _Component);

  function CrystallizeLayout() {
    var _ref;

    var _temp, _this, _ret;

    _classCallCheck(this, CrystallizeLayout);

    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
      args[_key] = arguments[_key];
    }

    return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = CrystallizeLayout.__proto__ || Object.getPrototypeOf(CrystallizeLayout)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
      showLeft: showStatus.left,
      showRight: showStatus.right
    }, _this.onToggle = function (_ref2) {
      var left = _ref2.left,
          right = _ref2.right;

      _this.setState({
        showLeft: left,
        showRight: right
      });

      if (left || right) {
        _this.disableScroll(true);
      } else {
        _this.disableScroll(false);
      }
    }, _this.onOverlayClick = function (e) {
      e.preventDefault();
      toggleSide('both');
    }, _this.renderChildren = function (additionalProps) {
      return __WEBPACK_IMPORTED_MODULE_0_react___default.a.Children.map(_this.props.children, function (child) {
        return __WEBPACK_IMPORTED_MODULE_0_react___default.a.cloneElement(child, additionalProps);
      });
    }, _temp), _possibleConstructorReturn(_this, _ret);
  }

  _createClass(CrystallizeLayout, [{
    key: 'componentDidMount',
    value: function componentDidMount() {
      emitter.on('toggle', this.onToggle);
      speed = parseInt(this.props.speed || 300);
    }
  }, {
    key: 'componentWillUnmount',
    value: function componentWillUnmount() {
      emitter.off('toggle', this.onToggle);
    }
  }, {
    key: 'disableScroll',
    value: function disableScroll(stop) {
      if (!this.defaultBodyOverflow) {
        var style = getComputedStyle(document.body);
        this.defaultBodyOverflow = style.overflowY;
      }
      document.body.style.overflowY = stop ? 'hidden' : this.defaultBodyOverflow;
    }
  }, {
    key: 'render',
    value: function render() {
      var _props = this.props,
          left = _props.left,
          right = _props.right,
          _props$width = _props.width,
          width = _props$width === undefined ? defaultWidth : _props$width,
          leftWidth = _props.leftWidth,
          rightWidth = _props.rightWidth,
          blurContentOnShow = _props.blurContentOnShow;


      var leftWidthToUse = leftWidth || width;
      var rightWidthToUse = rightWidth || width;

      var _state = this.state,
          showLeft = _state.showLeft,
          showRight = _state.showRight;


      var contentPushed = '0px';
      if (showLeft) {
        contentPushed = leftWidthToUse;
      } else if (showRight) {
        contentPushed = '-' + rightWidthToUse;
      }

      var LeftCmp = left || null;
      var RightCmp = right || null;

      // Enable the blur content on show prop setting
      var blurContentOnShowProp = blurContentOnShow;
      if (blurContentOnShow && typeof blurContentOnShow === 'boolean') {
        blurContentOnShowProp = '3px';
      }

      return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(
        __WEBPACK_IMPORTED_MODULE_2__styles__["d" /* Outer */],
        {
          showLeft: showLeft,
          showRight: showRight,
          leftWidth: leftWidthToUse,
          rightWidth: rightWidthToUse,
          speed: speed,
          __source: {
            fileName: _jsxFileName,
            lineNumber: 142
          }
        },
        (showLeft || showRight) && __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_2__styles__["a" /* ClickOverlay */], {
          showLeft: showLeft,
          showRight: showRight,
          onClick: this.onOverlayClick,
          speed: speed,
          __source: {
            fileName: _jsxFileName,
            lineNumber: 150
          }
        }),
        __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(
          __WEBPACK_IMPORTED_MODULE_2__styles__["b" /* Content */],
          {
            leftShown: showLeft,
            rightShown: showRight,
            blurContentOnShow: blurContentOnShowProp,
            speed: speed,
            __source: {
              fileName: _jsxFileName,
              lineNumber: 157
            }
          },
          this.renderChildren({
            leftShown: showLeft,
            rightShown: showRight,
            contentPushed: contentPushed
          })
        ),
        LeftCmp && __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(
          __WEBPACK_IMPORTED_MODULE_2__styles__["c" /* Left */],
          { width: leftWidthToUse, show: showLeft, speed: speed, __source: {
              fileName: _jsxFileName,
              lineNumber: 170
            }
          },
          __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(LeftCmp, { shown: showLeft, __source: {
              fileName: _jsxFileName,
              lineNumber: 171
            }
          })
        ),
        RightCmp && __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(
          __WEBPACK_IMPORTED_MODULE_2__styles__["e" /* Right */],
          { width: rightWidthToUse, show: showRight, speed: speed, __source: {
              fileName: _jsxFileName,
              lineNumber: 175
            }
          },
          __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(RightCmp, { shown: showRight, __source: {
              fileName: _jsxFileName,
              lineNumber: 176
            }
          })
        )
      );
    }
  }]);

  return CrystallizeLayout;
}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);

/* harmony default export */ __webpack_exports__["a"] = (CrystallizeLayout);

/***/ }),

/***/ "./module/styles.js":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return Outer; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return Content; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return Left; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return Right; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ClickOverlay; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_styled_components__ = __webpack_require__("styled-components");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_styled_components___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_styled_components__);


var transitionEasing = 'cubic-bezier(0.41, 0.03, 0, 0.96)';

function getPosition(props) {
  if (props.show) {
    return '0px';
  }
  return '-' + props.width;
}

function getOuterLeft(props) {
  if (props.showLeft) {
    return props.leftWidth;
  }
  if (props.showRight) {
    return '-' + props.rightWidth;
  }
  return '0';
}

function getContentOverflowX(props) {
  if (props.showLeft || props.showRight) {
    return 'hidden';
  }
  return 'visible';
}

var Outer = __WEBPACK_IMPORTED_MODULE_0_styled_components___default.a.div.attrs({
  className: 'crystallize-layout'
}).withConfig({
  displayName: 'styles__Outer',
  componentId: 's15qbvm1-0'
})(['transition:left ', 'ms ', ';will-change:left;position:relative;left:', ';'], function (p) {
  return p.speed;
}, transitionEasing, getOuterLeft);

var Content = __WEBPACK_IMPORTED_MODULE_0_styled_components___default.a.div.attrs({
  className: 'crystallize-layout__content'
}).withConfig({
  displayName: 'styles__Content',
  componentId: 's15qbvm1-1'
})(['position:relative;z-index:2;overflow-x:', ';background:', ';', ' ', ';'], getContentOverflowX, function (p) {
  return p.background;
}, function (p) {
  return p.blurContentOnShow && '\n    transition: filter ' + function (p) {
    return p.speed;
  } + 'ms ' + transitionEasing + ';\n  ';
}, function (p) {
  return p.blurContentOnShow && (p.leftShown || p.rightShown) && '\n    filter: blur(' + p.blurContentOnShow + ');\n  ';
});

var Left = __WEBPACK_IMPORTED_MODULE_0_styled_components___default.a.div.attrs({
  className: 'crystallize-layout__menu crystallize-layout__menu--left'
}).withConfig({
  displayName: 'styles__Left',
  componentId: 's15qbvm1-2'
})(['position:fixed;top:0;left:', ';z-index:1;height:100%;height:100vh;overflow-x:hidden;overflow-y:auto;transition:left ', 'ms ', ';will-change:left;width:', ';'], getPosition, function (p) {
  return p.speed;
}, transitionEasing, function (p) {
  return p.width || '300px';
});

var Right = __WEBPACK_IMPORTED_MODULE_0_styled_components___default.a.div.attrs({
  className: 'crystallize-layout__menu crystallize-layout__menu--right'
}).withConfig({
  displayName: 'styles__Right',
  componentId: 's15qbvm1-3'
})(['position:fixed;top:0;right:', ';z-index:1;height:100%;height:100vh;overflow-x:hidden;overflow-y:auto;transition:right ', 'ms ', ';width:', ';will-change:right;'], getPosition, function (p) {
  return p.speed;
}, transitionEasing, function (p) {
  return p.width || '300px';
});

var ClickOverlay = __WEBPACK_IMPORTED_MODULE_0_styled_components___default.a.div.attrs({
  className: 'crystallize-layout__click-overlay'
}).withConfig({
  displayName: 'styles__ClickOverlay',
  componentId: 's15qbvm1-4'
})(['position:fixed;top:0;left:', ';height:100vh;width:100vw;z-index:3;transition:left ', 'ms ', ';will-change:left;'], getOuterLeft, function (p) {
  return p.speed;
}, transitionEasing);

/***/ }),

/***/ "./pages/index.js":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator__ = __webpack_require__("babel-runtime/regenerator");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_styled_jsx_style__ = __webpack_require__("styled-jsx/style");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_styled_jsx_style___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_styled_jsx_style__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react__ = __webpack_require__("react");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_react__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__module__ = __webpack_require__("./module/index.js");


var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _jsxFileName = '/Users/hakonmartinholmsenkrogh/www/react-layout/pages/index.js';


function _asyncToGenerator(fn) { return function () { var gen = fn.apply(this, arguments); return new Promise(function (resolve, reject) { function step(key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { return Promise.resolve(value).then(function (value) { step("next", value); }, function (err) { step("throw", err); }); } } return step("next"); }); }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }





var left = function left() {
  return __WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(
    'aside',
    {
      __source: {
        fileName: _jsxFileName,
        lineNumber: 5
      }
    },
    'Left menu'
  );
};
var right = function right() {
  return __WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(
    'aside',
    {
      __source: {
        fileName: _jsxFileName,
        lineNumber: 6
      }
    },
    'Right menu'
  );
};

var Test = function (_React$Component) {
  _inherits(Test, _React$Component);

  function Test() {
    var _ref,
        _this2 = this;

    var _temp, _this, _ret;

    _classCallCheck(this, Test);

    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
      args[_key] = arguments[_key];
    }

    return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = Test.__proto__ || Object.getPrototypeOf(Test)).call.apply(_ref, [this].concat(args))), _this), _this.showLeft = _asyncToGenerator( /*#__PURE__*/__WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator___default.a.mark(function _callee() {
      var shown;
      return __WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator___default.a.wrap(function _callee$(_context) {
        while (1) {
          switch (_context.prev = _context.next) {
            case 0:
              console.log('Showing left');
              _context.next = 3;
              return Object(__WEBPACK_IMPORTED_MODULE_3__module__["b" /* showLeft */])();

            case 3:
              shown = _context.sent;

              console.log('Shown?', shown);

            case 5:
            case 'end':
              return _context.stop();
          }
        }
      }, _callee, _this2);
    })), _temp), _possibleConstructorReturn(_this, _ret);
  }

  _createClass(Test, [{
    key: 'render',
    value: function render() {
      return __WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(
        'div',
        {
          className: 'jsx-1785368916',
          __source: {
            fileName: _jsxFileName,
            lineNumber: 17
          }
        },
        __WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_1_styled_jsx_style___default.a, {
          styleId: '1202458469',
          css: 'body{margin:0;}.crystallize-layout__menu{background:#f0f0f0;}aside{padding:20px;}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhZ2VzL2luZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCMkIsQUFHc0IsQUFJVSxBQUlOLFNBUGYsSUFRQSxNQUpBIiwiZmlsZSI6InBhZ2VzL2luZGV4LmpzIiwic291cmNlUm9vdCI6Ii9Vc2Vycy9oYWtvbm1hcnRpbmhvbG1zZW5rcm9naC93d3cvcmVhY3QtbGF5b3V0Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IENyeXN0YWxsaXplTGF5b3V0LCB7IHNob3dSaWdodCwgc2hvd0xlZnQgfSBmcm9tICcuLi9tb2R1bGUnO1xuXG5jb25zdCBsZWZ0ID0gKCkgPT4gPGFzaWRlPkxlZnQgbWVudTwvYXNpZGU+O1xuY29uc3QgcmlnaHQgPSAoKSA9PiA8YXNpZGU+UmlnaHQgbWVudTwvYXNpZGU+O1xuXG5jbGFzcyBUZXN0IGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50IHtcbiAgc2hvd0xlZnQgPSBhc3luYyAoKSA9PiB7XG4gICAgY29uc29sZS5sb2coJ1Nob3dpbmcgbGVmdCcpO1xuICAgIGNvbnN0IHNob3duID0gYXdhaXQgc2hvd0xlZnQoKTtcbiAgICBjb25zb2xlLmxvZygnU2hvd24/Jywgc2hvd24pO1xuICB9O1xuXG4gIHJlbmRlcigpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdj5cbiAgICAgICAgPHN0eWxlIGpzeCBnbG9iYWw+e2BcbiAgICAgICAgICBib2R5IHtcbiAgICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAuY3J5c3RhbGxpemUtbGF5b3V0X19tZW51IHtcbiAgICAgICAgICAgIGJhY2tncm91bmQ6ICNmMGYwZjA7XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgYXNpZGUge1xuICAgICAgICAgICAgcGFkZGluZzogMjBweDtcbiAgICAgICAgICB9XG4gICAgICAgIGB9PC9zdHlsZT5cbiAgICAgICAgPHN0eWxlIGpzeD57YFxuICAgICAgICAgIG1haW4ge1xuICAgICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICAgICAgbWluLWhlaWdodDogMTUwdmg7XG4gICAgICAgICAgICBwYWRkaW5nLXRvcDogNDV2aDtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICBoMSB7XG4gICAgICAgICAgICBtYXJnaW46IDAgMCAxNXB4O1xuICAgICAgICAgICAgcGFkZGluZy10b3A6IDEwcHg7XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgYnV0dG9uIHtcbiAgICAgICAgICAgIG1hcmdpbjogMCAxMHB4O1xuICAgICAgICAgIH1cbiAgICAgICAgYH08L3N0eWxlPlxuICAgICAgICA8bWFpbj5cbiAgICAgICAgICA8aDE+UmVhY3QgbGF5b3V0PC9oMT5cbiAgICAgICAgICA8YnV0dG9uIG9uQ2xpY2s9e3RoaXMuc2hvd0xlZnR9PlNob3cgbGVmdDwvYnV0dG9uPlxuICAgICAgICAgIDxidXR0b24gb25DbGljaz17c2hvd1JpZ2h0fT5TaG93IHJpZ2h0PC9idXR0b24+XG4gICAgICAgIDwvbWFpbj5cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbn1cblxuZXhwb3J0IGRlZmF1bHQgKCkgPT4gKFxuICA8Q3J5c3RhbGxpemVMYXlvdXQgbGVmdD17bGVmdH0gcmlnaHQ9e3JpZ2h0fSBzcGVlZD1cIjUwMFwiPlxuICAgIDxUZXN0IC8+XG4gIDwvQ3J5c3RhbGxpemVMYXlvdXQ+XG4pO1xuIl19 */\n/*@ sourceURL=pages/index.js */'
        }),
        __WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_1_styled_jsx_style___default.a, {
          styleId: '1804375960',
          css: 'main.jsx-1785368916{text-align:center;min-height:150vh;padding-top:45vh;}h1.jsx-1785368916{margin:0 0 15px;padding-top:10px;}button.jsx-1785368916{margin:0 10px;}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhZ2VzL2luZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThCb0IsQUFHK0IsQUFNRixBQUtGLGNBQ2hCLEVBTG1CLEVBTkEsZUFPbkIsRUFObUIsaUJBQ25CIiwiZmlsZSI6InBhZ2VzL2luZGV4LmpzIiwic291cmNlUm9vdCI6Ii9Vc2Vycy9oYWtvbm1hcnRpbmhvbG1zZW5rcm9naC93d3cvcmVhY3QtbGF5b3V0Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IENyeXN0YWxsaXplTGF5b3V0LCB7IHNob3dSaWdodCwgc2hvd0xlZnQgfSBmcm9tICcuLi9tb2R1bGUnO1xuXG5jb25zdCBsZWZ0ID0gKCkgPT4gPGFzaWRlPkxlZnQgbWVudTwvYXNpZGU+O1xuY29uc3QgcmlnaHQgPSAoKSA9PiA8YXNpZGU+UmlnaHQgbWVudTwvYXNpZGU+O1xuXG5jbGFzcyBUZXN0IGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50IHtcbiAgc2hvd0xlZnQgPSBhc3luYyAoKSA9PiB7XG4gICAgY29uc29sZS5sb2coJ1Nob3dpbmcgbGVmdCcpO1xuICAgIGNvbnN0IHNob3duID0gYXdhaXQgc2hvd0xlZnQoKTtcbiAgICBjb25zb2xlLmxvZygnU2hvd24/Jywgc2hvd24pO1xuICB9O1xuXG4gIHJlbmRlcigpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdj5cbiAgICAgICAgPHN0eWxlIGpzeCBnbG9iYWw+e2BcbiAgICAgICAgICBib2R5IHtcbiAgICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAuY3J5c3RhbGxpemUtbGF5b3V0X19tZW51IHtcbiAgICAgICAgICAgIGJhY2tncm91bmQ6ICNmMGYwZjA7XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgYXNpZGUge1xuICAgICAgICAgICAgcGFkZGluZzogMjBweDtcbiAgICAgICAgICB9XG4gICAgICAgIGB9PC9zdHlsZT5cbiAgICAgICAgPHN0eWxlIGpzeD57YFxuICAgICAgICAgIG1haW4ge1xuICAgICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICAgICAgbWluLWhlaWdodDogMTUwdmg7XG4gICAgICAgICAgICBwYWRkaW5nLXRvcDogNDV2aDtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICBoMSB7XG4gICAgICAgICAgICBtYXJnaW46IDAgMCAxNXB4O1xuICAgICAgICAgICAgcGFkZGluZy10b3A6IDEwcHg7XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgYnV0dG9uIHtcbiAgICAgICAgICAgIG1hcmdpbjogMCAxMHB4O1xuICAgICAgICAgIH1cbiAgICAgICAgYH08L3N0eWxlPlxuICAgICAgICA8bWFpbj5cbiAgICAgICAgICA8aDE+UmVhY3QgbGF5b3V0PC9oMT5cbiAgICAgICAgICA8YnV0dG9uIG9uQ2xpY2s9e3RoaXMuc2hvd0xlZnR9PlNob3cgbGVmdDwvYnV0dG9uPlxuICAgICAgICAgIDxidXR0b24gb25DbGljaz17c2hvd1JpZ2h0fT5TaG93IHJpZ2h0PC9idXR0b24+XG4gICAgICAgIDwvbWFpbj5cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbn1cblxuZXhwb3J0IGRlZmF1bHQgKCkgPT4gKFxuICA8Q3J5c3RhbGxpemVMYXlvdXQgbGVmdD17bGVmdH0gcmlnaHQ9e3JpZ2h0fSBzcGVlZD1cIjUwMFwiPlxuICAgIDxUZXN0IC8+XG4gIDwvQ3J5c3RhbGxpemVMYXlvdXQ+XG4pO1xuIl19 */\n/*@ sourceURL=pages/index.js */'
        }),
        __WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(
          'main',
          {
            className: 'jsx-1785368916',
            __source: {
              fileName: _jsxFileName,
              lineNumber: 47
            }
          },
          __WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(
            'h1',
            {
              className: 'jsx-1785368916',
              __source: {
                fileName: _jsxFileName,
                lineNumber: 48
              }
            },
            'React layout'
          ),
          __WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(
            'button',
            { onClick: this.showLeft, className: 'jsx-1785368916',
              __source: {
                fileName: _jsxFileName,
                lineNumber: 49
              }
            },
            'Show left'
          ),
          __WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(
            'button',
            { onClick: __WEBPACK_IMPORTED_MODULE_3__module__["c" /* showRight */], className: 'jsx-1785368916',
              __source: {
                fileName: _jsxFileName,
                lineNumber: 50
              }
            },
            'Show right'
          )
        )
      );
    }
  }]);

  return Test;
}(__WEBPACK_IMPORTED_MODULE_2_react___default.a.Component);

/* harmony default export */ __webpack_exports__["default"] = (function () {
  return __WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(
    __WEBPACK_IMPORTED_MODULE_3__module__["a" /* default */],
    { left: left, right: right, speed: '500', __source: {
        fileName: _jsxFileName,
        lineNumber: 58
      }
    },
    __WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(Test, {
      __source: {
        fileName: _jsxFileName,
        lineNumber: 59
      }
    })
  );
});

/***/ }),

/***/ 2:
/***/ (function(module, exports, __webpack_require__) {

module.exports = __webpack_require__("./pages/index.js");


/***/ }),

/***/ "babel-runtime/regenerator":
/***/ (function(module, exports) {

module.exports = require("babel-runtime/regenerator");

/***/ }),

/***/ "react":
/***/ (function(module, exports) {

module.exports = require("react");

/***/ }),

/***/ "styled-components":
/***/ (function(module, exports) {

module.exports = require("styled-components");

/***/ }),

/***/ "styled-jsx/style":
/***/ (function(module, exports) {

module.exports = require("styled-jsx/style");

/***/ }),

/***/ "tiny-emitter":
/***/ (function(module, exports) {

module.exports = require("tiny-emitter");

/***/ })

/******/ });
//# sourceMappingURL=index.js.map