"use strict";

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

const tslib_1 = require("tslib");

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

const words_1 = require("../../../../../words");

const Form_1 = require("./Form");

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

const state_1 = require("./state");

function defaultRenderButton(props, state) {
  const {
    onSendInviteClick
  } = props;

  const handleSendInviteClick = () => {
    state.handleSendInvite(onSendInviteClick);
  };

  return react_1.default.createElement(styled_1.StyledButton, Object.assign({
    text: words_1.wording.sendInvite,
    onClick: handleSendInviteClick
  }, state));
}

exports.defaultRenderButton = defaultRenderButton;

function defaultRenderInviteCard(props, state) {
  const {
    renderAddUserForm,
    renderRemoveUserForm
  } = props,
        remainingProps = tslib_1.__rest(props, ["renderAddUserForm", "renderRemoveUserForm"]);

  return react_1.default.createElement(react_1.default.Fragment, null, renderRemoveUserForm(remainingProps, state), renderAddUserForm(remainingProps, state));
}

exports.defaultRenderInviteCard = defaultRenderInviteCard;

function defaultRenderRemoveUserForm(props, state) {
  const handleRemoveUserClick = args => {
    const {
      index
    } = args;
    console.log('handleRemoveUserClick', args.toSerialized(), index);
    state.handleRemoveUser(index);
  };

  return state.userInviteList.map((item, index) => react_1.default.createElement(Form_1.RemoveUser, {
    key: index,
    index: index,
    onRemoveUser: handleRemoveUserClick,
    item: item
  }));
}

exports.defaultRenderRemoveUserForm = defaultRenderRemoveUserForm;

function defaultRenderAddUserForm(props, state) {
  const handleAddUserClick = args => {
    state.handleAddUser(args.toSerialized());
  };

  return react_1.default.createElement(Form_1.AddUser, {
    onAddUser: handleAddUserClick,
    userState: state,
    shouldResetForm: state_1.inviteUserState.shouldValidateForm
  });
}

exports.defaultRenderAddUserForm = defaultRenderAddUserForm;

function defaultRenderHeading(props, state) {
  return react_1.default.createElement(styled_1.StyledHeading, {
    breedType: "h2",
    content: words_1.wording.userManagement
  });
}

exports.defaultRenderHeading = defaultRenderHeading; //# sourceMappingURL=renderProps.js.map