"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 utils_1 = require("@skava/utils");

const Placeholder_1 = require("../../../atoms/Placeholder");

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

function renderPaymentCardFormButtonSection(props) {
  return react_1.default.createElement(styled_1.PaymentCardButtonSection, null, react_1.default.createElement(styled_1.ButtonLeftSection, null, react_1.default.createElement(Placeholder_1.RectanglePlaceholder, {
    height: 44
  })), react_1.default.createElement(styled_1.ButtonRightSection, null, react_1.default.createElement(Placeholder_1.RectanglePlaceholder, {
    height: 44
  })));
}

exports.renderPaymentCardFormButtonSection = renderPaymentCardFormButtonSection;

function renderPaymentCardMethodCheckSection(props) {
  return react_1.default.createElement(styled_1.PaymentCardMethodCheckSection, null, react_1.default.createElement(styled_1.CardFormCheckBox, null, react_1.default.createElement(Placeholder_1.RectanglePlaceholder, {
    height: 25
  })), react_1.default.createElement(styled_1.CardFormCheckBoxLabel, null, react_1.default.createElement(Placeholder_1.RectanglePlaceholder, {
    height: 20
  })));
}

exports.renderPaymentCardMethodCheckSection = renderPaymentCardMethodCheckSection;

function LabelInputItems(width) {
  return react_1.default.createElement(styled_1.RowItems, {
    className: "rowitems",
    role: "rowitems"
  }, react_1.default.createElement(styled_1.CardFormLabel, null, react_1.default.createElement(Placeholder_1.TextPlaceholder, {
    width: width,
    height: 16
  })), react_1.default.createElement(styled_1.CardFormInput, null, react_1.default.createElement(Placeholder_1.RectanglePlaceholder, {
    height: 44
  })));
}

exports.LabelInputItems = LabelInputItems;

function renderPaymentCardDetailsSection(props) {
  return react_1.default.createElement(styled_1.Row, null, react_1.default.createElement(styled_1.PaymentCardDetailsSection, null, react_1.default.createElement(styled_1.CardNumberSection, null, LabelInputItems(70)), react_1.default.createElement(styled_1.MonthSection, null, LabelInputItems(30)), react_1.default.createElement(styled_1.YearSection, null, LabelInputItems(30)), react_1.default.createElement(styled_1.SecuritySection, null, LabelInputItems(50))));
}

exports.renderPaymentCardDetailsSection = renderPaymentCardDetailsSection;

function renderPaymentCardFormNameSection(props) {
  return react_1.default.createElement(styled_1.Row, null, react_1.default.createElement(styled_1.PaymentCardFormNameSection, null, LabelInputItems(120), LabelInputItems(120)));
}

exports.renderPaymentCardFormNameSection = renderPaymentCardFormNameSection;

function renderPaymentCardFormContainer(props) {
  const passThroughProps = utils_1.omit(props, ['renderPaymentCardFormNameSection', 'renderPaymentCardDetailsSection', 'renderPaymentCardMethodCheckSection', 'renderPaymentCardFormButtonSection']);
  const renderPaymentCardFormName = props.renderPaymentCardFormNameSection(passThroughProps);
  const renderPaymentCardDetails = props.renderPaymentCardDetailsSection(passThroughProps);
  const renderPaymentCardMethodCheck = props.renderPaymentCardMethodCheckSection(passThroughProps);
  const renderPaymentCardFormButton = props.renderPaymentCardFormButtonSection(passThroughProps);
  return react_1.default.createElement(styled_1.PaymentCardFormContainer, null, renderPaymentCardFormName, renderPaymentCardDetails, renderPaymentCardMethodCheck, renderPaymentCardFormButton);
}

exports.renderPaymentCardFormContainer = renderPaymentCardFormContainer;

function renderPaymentCardFormWrapper(props) {
  const {
    className,
    children
  } = props;
  return react_1.default.createElement(styled_1.PaymentCardFormWrapper, {
    className: className
  }, children);
}

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