"use strict";

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

const tslib_1 = require("tslib");

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

const exotic_1 = require("exotic");

const words_1 = require("@skava/ui/dist/words");

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

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


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

exports.defaultRenderHeading = defaultRenderHeading; // rendering the form fields

function defaultRenderFormFields(props) {
  return react_1.default.createElement(Form_1.Form, Object.assign({}, props));
}

exports.defaultRenderFormFields = defaultRenderFormFields; // rendering the form fields buttons

function defaultRenderButtons(props) {
  const {
    onCreateAccountClick,
    clientName
  } = props;

  const handleCreateAccountClick = event => {
    if (exotic_1.isFunction(onCreateAccountClick)) {
      const changeArgs = {
        event
      };
      onCreateAccountClick(changeArgs);
    }
  };

  return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(styled_1.CreateAccountLabel, null, `${words_1.wording.newLabel} ${clientName}?`), react_1.default.createElement(styled_1.CreateAccountButton, Object.assign({}, props, {
    "aria-label": words_1.wording.createAnAccountLabel,
    text: words_1.wording.createAnAccountLabel,
    onClick: handleCreateAccountClick
  })));
}

exports.defaultRenderButtons = defaultRenderButtons; // rendering the main wrapper

function defaultRenderWrapper(props) {
  const {
    className,
    children
  } = props;
  const passThroughProps = Object.freeze({
    className,
    'data-qa': props['data-qa']
  });
  return react_1.default.createElement(styled_1.SignInFormWrapper, Object.assign({}, passThroughProps), children);
}

exports.defaultRenderWrapper = defaultRenderWrapper;