webpackHotUpdate(0,{

/***/ 228:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
eval("/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(4);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types__ = __webpack_require__(223);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_prop_types__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__collapsable_css__ = __webpack_require__(230);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__collapsable_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2__collapsable_css__);\n\n\n\n\n\nclass Collapsable extends __WEBPACK_IMPORTED_MODULE_0_react___default.a.Component {\n\n  constructor(props) {\n    super(props);\n    this.state = { collapsed: props.collapsed };\n  }\n\n  toggle() {\n    this.setState({ collapsed: !this.state.collapsed });\n  }\n\n  render() {\n    const contentClasses = ['content'];\n    if (this.state.collapsed) {\n      contentClasses.push('collapsed');\n    }\n\n    return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\n      'div',\n      { className: 'collapsable' },\n      __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\n        'h3',\n        { className: 'clickable', onClick: () => this.toggle() },\n        __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\n          'span',\n          null,\n          this.props.title,\n          ':'\n        ),\n        __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\n          'span',\n          { className: 'status' },\n          this.state.collapsed ? 'Show' : 'Hide'\n        )\n      ),\n      __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\n        'div',\n        { className: contentClasses.join(' ') },\n        this.props.children\n      )\n    );\n  }\n}\n/* harmony export (immutable) */ __webpack_exports__[\"a\"] = Collapsable;\n\n\nCollapsable.propTypes = {\n  title: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string.isRequired,\n  children: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.element.isRequired,\n  collapsed: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,\n  style: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.object\n};//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMjI4LmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vL2Jyb3dzZXItdGVzdGVyL3NyYy9jb21wb25lbnRzL0NvbGxhcHNhYmxlL2luZGV4LmpzPzgxNmIiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbmltcG9ydCAnLi9jb2xsYXBzYWJsZS5jc3MnO1xuXG5leHBvcnQgZGVmYXVsdCBjbGFzcyBDb2xsYXBzYWJsZSBleHRlbmRzIFJlYWN0LkNvbXBvbmVudCB7XG5cbiAgY29uc3RydWN0b3IocHJvcHMpIHtcbiAgICBzdXBlcihwcm9wcyk7XG4gICAgdGhpcy5zdGF0ZSA9IHsgY29sbGFwc2VkOiBwcm9wcy5jb2xsYXBzZWQgfTtcbiAgfVxuXG4gIHRvZ2dsZSgpIHtcbiAgICB0aGlzLnNldFN0YXRlKHsgY29sbGFwc2VkOiAhdGhpcy5zdGF0ZS5jb2xsYXBzZWQgfSk7XG4gIH1cblxuICByZW5kZXIoKSB7XG4gICAgY29uc3QgY29udGVudENsYXNzZXMgPSBbJ2NvbnRlbnQnXTtcbiAgICBpZiAodGhpcy5zdGF0ZS5jb2xsYXBzZWQpIHtcbiAgICAgIGNvbnRlbnRDbGFzc2VzLnB1c2goJ2NvbGxhcHNlZCcpO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cImNvbGxhcHNhYmxlXCI+XG4gICAgICAgIDxoMyBjbGFzc05hbWU9XCJjbGlja2FibGVcIiBvbkNsaWNrPXsoKSA9PiB0aGlzLnRvZ2dsZSgpfT5cbiAgICAgICAgICA8c3Bhbj57dGhpcy5wcm9wcy50aXRsZX06PC9zcGFuPlxuICAgICAgICAgIDxzcGFuIGNsYXNzTmFtZT1cInN0YXR1c1wiPnt0aGlzLnN0YXRlLmNvbGxhcHNlZCA/ICdTaG93JzonSGlkZSd9PC9zcGFuPlxuICAgICAgICA8L2gzPlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT17Y29udGVudENsYXNzZXMuam9pbignICcpfT5cbiAgICAgICAgICB7dGhpcy5wcm9wcy5jaGlsZHJlbn1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9XG59XG5cbkNvbGxhcHNhYmxlLnByb3BUeXBlcyA9IHtcbiAgdGl0bGU6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5lbGVtZW50LmlzUmVxdWlyZWQsXG4gIGNvbGxhcHNlZDogUHJvcFR5cGVzLmJvb2wsXG4gIHN0eWxlOiBQcm9wVHlwZXMub2JqZWN0LFxufTtcblxuXG5cbi8vIFdFQlBBQ0sgRk9PVEVSIC8vXG4vLyBicm93c2VyLXRlc3Rlci9zcmMvY29tcG9uZW50cy9Db2xsYXBzYWJsZS9pbmRleC5qcyJdLCJtYXBwaW5ncyI6IkFBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBRkE7QUFJQTtBQUFBO0FBQUE7QUFDQTtBQURBO0FBTEE7QUFVQTtBQTVCQTtBQUFBO0FBQUE7QUFDQTtBQThCQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBSkEiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///228\n");

/***/ })

})