"use strict";

var __importDefault = this && this.__importDefault || function (mod) {
  return mod && mod.__esModule ? mod : {
    "default": mod
  };
};

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

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

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

const Empty_1 = __importDefault(require("../../../atoms/Empty"));

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

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


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

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

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

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

function defaultRenderButtons(props) {
  return react_1.default.createElement(Empty_1.default, null);
}

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.SignUpFormWrapper, Object.assign({}, passThroughProps), children);
}

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