"use strict";

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

const tslib_1 = require("tslib");

const react_1 = tslib_1.__importDefault(require("react"));

const mobx_react_1 = require("xmobx/mobx-react");

const styled_1 = require("./styled");

let IncrementerBox = class IncrementerBox extends react_1.default.Component {
  render() {
    const {
      state
    } = this.props;
    return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(styled_1.StyledMinusButton, {
      onClick: state.decrementCount,
      isDisabled: !state.shouldDecrement
    }), react_1.default.createElement(styled_1.StyledInput, {
      value: state.count,
      onChange: state.handleChange,
      onBlur: state.handleBlur
    }), react_1.default.createElement(styled_1.StyledPlusButton, {
      onClick: state.incrementCount,
      isDisabled: !state.shouldIncrement
    }));
  }

};
IncrementerBox = tslib_1.__decorate([mobx_react_1.observer], IncrementerBox);
exports.IncrementerBox = IncrementerBox; //# sourceMappingURL=IncrementerBox.js.map