"use strict";

var counter = function counter(state, action) {
  if (state === undefined) state = 0;

  if (action.type === "INCREMENT") {
    return state + 1;
  } else if (action.type === "DECREMENT") {
    return state - 1;
  }
  return state;
};

var _Redux = Redux;
var createStore = _Redux.createStore;

var store = createStore(counter);

var Counter = function Counter(_ref) {
  var value = _ref.value;
  var onIncrement = _ref.onIncrement;
  var onDecrement = _ref.onDecrement;
  return React.createElement(
    "div",
    null,
    React.createElement(
      "h1",
      null,
      value
    ),
    React.createElement(
      "button",
      { onClick: onIncrement },
      "+"
    ),
    React.createElement(
      "button",
      { onClick: onDecrement },
      "-"
    )
  );
};

var render = function render() {
  return ReactDOM.render(React.createElement(Counter, {
    value: store.getState(),
    onIncrement: function () {
      return store.dispatch({
        type: "INCREMENT"
      });
    },
    onDecrement: function () {
      return store.dispatch({
        type: "DECREMENT"
      });
    }
  }), document.getElementById('root'));
};

store.subscribe(render);
render();