"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 common_1 = require("../../../state/common");

const renderProps_1 = require("./renderProps");

let SnackBar = class SnackBar extends react_1.default.Component {
  constructor() {
    super(...arguments);
    this.observableState = common_1.toCommonState(this.props);
  }

  render() {
    console.debug('[SnackBar] render');

    const _a = this.props,
          {
      // may not be needed
      renderWrap,
      renderMessage,
      renderActionButtonGroup
    } = _a,
          remainingProps = tslib_1.__rest(_a, ["renderWrap", "renderMessage", "renderActionButtonGroup"]);

    const children = remainingProps.children === undefined ? renderProps_1.renderChildren(this.props, this.observableState) : remainingProps.children;
    const props = Object.assign({}, remainingProps, {
      children
    });
    return renderWrap(props, this.observableState);
  }

};
SnackBar.defaultProps = {
  // render
  renderWrap: renderProps_1.defaultRenderWrap,
  renderMessage: renderProps_1.defaultRenderMessage,
  renderActionButtonGroup: renderProps_1.defaultRenderActionButtons,
  // standar
  className: '',
  label: '',
  // passed to commonState only
  isVisible: true,
  // custom
  position: 'bottomleft'
};
SnackBar = tslib_1.__decorate([mobx_react_1.observer], SnackBar);
exports.SnackBar = SnackBar;
exports.default = SnackBar; //# sourceMappingURL=SnackBar.js.map