"use strict";

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

const tslib_1 = require("tslib");

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

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

const styled_1 = require("./styled");
/**
 * render shipping address
 */


function defaultRenderShippingAddress(props) {
  return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(styled_1.TextPlaceholderItem, {
    width: 150,
    height: 25
  }), react_1.default.createElement(Placeholder_1.ParagraphPlaceholder, {
    widthList: [75, 92, 60, 30],
    rows: 4,
    lineSpacing: 8,
    itemHeight: 10
  }));
}

exports.defaultRenderShippingAddress = defaultRenderShippingAddress;
/**
 * render shipping method
 */

function defaultRenderShippingMethod(props) {
  return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(styled_1.TextPlaceholderItem, {
    width: 150,
    height: 25
  }), react_1.default.createElement(Placeholder_1.ParagraphPlaceholder, {
    widthList: [60, 80, 30],
    rows: 3,
    lineSpacing: 8,
    itemHeight: 10
  }));
}

exports.defaultRenderShippingMethod = defaultRenderShippingMethod;
/**
 * render payment method
 */

function defaultRenderPaymentMethod(props) {
  return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(styled_1.TextPlaceholderItem, {
    width: 150,
    height: 25
  }), react_1.default.createElement(Placeholder_1.ParagraphPlaceholder, {
    widthList: [100],
    rows: 1,
    lineSpacing: 8,
    itemHeight: 10
  }));
}

exports.defaultRenderPaymentMethod = defaultRenderPaymentMethod;
/**
 * render product order summary
 */

function defaultRenderOrderSummary(props) {
  return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(styled_1.TextPlaceholderItem, {
    width: 150,
    height: 25
  }), react_1.default.createElement(styled_1.PaymentOrderSummary, null, react_1.default.createElement(styled_1.PaymentSummaryRow, {
    className: "row",
    role: "row"
  }, react_1.default.createElement(styled_1.OrderLeftSection, null, react_1.default.createElement(Placeholder_1.TextPlaceholder, {
    width: 130,
    height: 10
  })), react_1.default.createElement(styled_1.OrderRightSection, null, react_1.default.createElement(Placeholder_1.TextPlaceholder, {
    width: 80,
    height: 10
  }))), react_1.default.createElement(styled_1.PaymentSummaryRow, {
    className: "row",
    role: "row"
  }, react_1.default.createElement(styled_1.OrderLeftSection, null, react_1.default.createElement(Placeholder_1.TextPlaceholder, {
    width: 150,
    height: 10
  })), react_1.default.createElement(styled_1.OrderRightSection, null, react_1.default.createElement(Placeholder_1.TextPlaceholder, {
    width: 40,
    height: 10
  }))), react_1.default.createElement(styled_1.PaymentSummaryRow, {
    className: "row",
    role: "row"
  }, react_1.default.createElement(styled_1.OrderLeftSection, null, react_1.default.createElement(Placeholder_1.TextPlaceholder, {
    width: 150,
    height: 10
  })), react_1.default.createElement(styled_1.OrderRightSection, null, react_1.default.createElement(Placeholder_1.TextPlaceholder, {
    width: 60,
    height: 10
  }))), react_1.default.createElement(styled_1.PaymentSummaryRow, {
    className: "row",
    role: "row"
  }, react_1.default.createElement(styled_1.OrderLeftSection, null, react_1.default.createElement(Placeholder_1.TextPlaceholder, {
    width: 60,
    height: 10
  })), react_1.default.createElement(styled_1.OrderRightSection, null, react_1.default.createElement(Placeholder_1.TextPlaceholder, {
    width: 80,
    height: 10
  }))), react_1.default.createElement(styled_1.PaymentSummaryRow, {
    className: "row",
    role: "row"
  }, react_1.default.createElement(styled_1.OrderLeftSection, null, react_1.default.createElement(Placeholder_1.TextPlaceholder, {
    width: 140,
    height: 10
  })), react_1.default.createElement(styled_1.OrderRightSection, null, react_1.default.createElement(Placeholder_1.TextPlaceholder, {
    width: 40,
    height: 10
  })))));
}

exports.defaultRenderOrderSummary = defaultRenderOrderSummary;
/**
 * render payment summary
 */

function defaultRenderContainer(props) {
  const {
    renderShippingAddress,
    renderShippingMethod,
    renderPaymentMethod,
    renderOrderSummary
  } = props,
        remainingProps = tslib_1.__rest(props, ["renderShippingAddress", "renderShippingMethod", "renderPaymentMethod", "renderOrderSummary"]);

  return react_1.default.createElement(styled_1.PaymentSummaryPanel, null, react_1.default.createElement(styled_1.PaymentSummaryPanelSectionLeft, null, react_1.default.createElement(styled_1.PaymentSummaryInfoPanel, null, renderShippingAddress(remainingProps)), react_1.default.createElement(styled_1.PaymentSummaryInfoPanel, null, renderShippingMethod(remainingProps))), react_1.default.createElement(styled_1.PaymentSummaryPanelSectionRight, null, react_1.default.createElement(styled_1.PaymentSummaryInfoPanel, null, renderPaymentMethod(remainingProps)), react_1.default.createElement(styled_1.PaymentSummaryInfoPanel, null, renderOrderSummary(remainingProps))));
}

exports.defaultRenderContainer = defaultRenderContainer;
/**
 * render wrapper
 */

function defaultRenderWrapper(props) {
  const {
    className,
    shouldHideActionButtons,
    children
  } = props,
        remainingProps = tslib_1.__rest(props, ["className", "shouldHideActionButtons", "children"]);

  return react_1.default.createElement(styled_1.PaymentSummaryWrapper, {
    className: className,
    shouldHideActionButtons: shouldHideActionButtons
  }, children);
}

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