"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 renderProps_1 = require("./renderProps");

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

let UserInvite = class UserInvite extends react_1.default.Component {
  render() {
    console.log('Abstraction/UserInvite', this.props);

    const _a = this.props,
          {
      renderHeading,
      renderInviteCard,
      renderButton,
      renderWrapper,
      state
    } = _a,
          remainingProps = tslib_1.__rest(_a, ["renderHeading", "renderInviteCard", "renderButton", "renderWrapper", "state"]);

    const children = react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(styled_1.HeadingWrapper, null, renderHeading(remainingProps, state)), renderInviteCard(remainingProps, state), react_1.default.createElement(styled_1.ButtonWrapper, null, renderButton(remainingProps, state)));
    return renderWrapper(Object.assign({
      children
    }, remainingProps), state);
  }

};
UserInvite.defaultProps = {
  className: '',
  // renderProps
  renderButton: renderProps_1.defaultRenderButton,
  renderInviteCard: renderProps_1.defaultRenderInviteCard,
  renderRemoveUserForm: renderProps_1.defaultRenderRemoveUserForm,
  renderAddUserForm: renderProps_1.defaultRenderAddUserForm,
  renderHeading: renderProps_1.defaultRenderHeading,
  renderWrapper: renderProps_1.defaultRenderWrapper
};
UserInvite = tslib_1.__decorate([mobx_react_1.observer], UserInvite);
exports.UserInvite = UserInvite;
exports.default = UserInvite; //# sourceMappingURL=UserInvite.js.map