"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 ActionButtonGroup_1 = require("../../../presets/Order/ActionButtonGroup");

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

let ButtonGroup = class ButtonGroup extends react_1.default.Component {
  render() {
    const {
      renderProductItemButtons,
      renderProductItemForm,
      state
    } = this.props;
    const {
      isFocused,
      isActive
    } = state;
    return react_1.default.createElement(styled_1.ProductItemButtonsPanel, {
      isActive: isActive,
      isFocused: isFocused
    }, react_1.default.createElement(ActionButtonGroup_1.ActionButtonGroup, {
      renderDefaultView: renderProductItemButtons,
      renderActiveView: renderProductItemForm
    }));
  }

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