"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,
      onValueChange
    } = this.props;

    const decrement = event => state.decrementCount({
      event,
      onValueChange
    });

    const increment = event => state.incrementCount({
      event,
      onValueChange
    });

    const handleChange = event => state.handleChange({
      event,
      onValueChange
    });

    return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(styled_1.StyledMinusButton, {
      onClick: decrement,
      isDisabled: !state.shouldDecrement
    }), react_1.default.createElement(styled_1.StyledInput, {
      value: state.count,
      onChange: handleChange,
      onBlur: state.handleBlur
    }), react_1.default.createElement(styled_1.StyledPlusButton, {
      onClick: increment,
      isDisabled: !state.shouldIncrement
    }));
  }

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