"use strict";

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

const tslib_1 = require("tslib");

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

const MaterialIcon_1 = require("../../../../../atoms/MaterialIcon");

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

const StatusDetails_1 = require("../StatusDetails");

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

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

function defaultRenderButton(props, state) {
  const renderEditView = () => {
    const iconLabel = state.isExpanded ? words_1.wording.close : words_1.wording.edit;
    const arrow = state.isExpanded ? 'up' : 'down';
    return react_1.default.createElement(react_1.default.Fragment, null, iconLabel, " ", react_1.default.createElement(MaterialIcon_1.MaterialIcon, {
      type: arrow
    }));
  };

  return react_1.default.createElement(styled_1.StyledButtonWithIcon, {
    renderChildren: renderEditView
  });
}

exports.defaultRenderButton = defaultRenderButton;

function defaultRenderForm(props, state) {
  const handleCancel = () => {
    state.handleToggle();
  };

  return react_1.default.createElement(Form_1.EditUser, {
    onCancel: handleCancel
  });
}

exports.defaultRenderForm = defaultRenderForm;

function defaultRenderDetail(props) {
  return react_1.default.createElement(StatusDetails_1.StatusDetails, Object.assign({}, props));
}

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