"use strict";

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

const tslib_1 = require("tslib");

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

const exotic_1 = require("exotic");

const state_1 = require("@skava/state");

const IncrementerBox_1 = require("./IncrementerBox");

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

const deps_1 = require("./deps");

let Incrementer = class Incrementer extends react_1.default.Component {
  constructor() {
    super(...arguments);
    this.observableState = deps_1.toIncrementerState(this.props);

    this.updateState = value => {
      // console.log('props changed o.o')
      this.observableState.update(value);
    };
  }
  /**
   * @todo renderProp for this
   */


  render() {
    const {
      className,
      onValueChange
    } = this.props;
    return react_1.default.createElement(styled_1.IncrementerWrapper, {
      className: className
    }, react_1.default.createElement(IncrementerBox_1.IncrementerBox, {
      state: this.observableState,
      onValueChange: onValueChange
    }));
  }

};
Incrementer.defaultProps = {
  className: '',
  step: 1,
  minValue: 1,
  maxValue: 99,
  onValueChange: exotic_1.NO_OP
};
Incrementer = tslib_1.__decorate([state_1.observerWithObservableProps], Incrementer);
exports.Incrementer = Incrementer;
exports.default = Incrementer; //# sourceMappingURL=Incrementer.js.map