"use strict";

var __rest = this && this.__rest || function (s, e) {
  var t = {};

  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];

  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0) t[p[i]] = s[p[i]];
  return t;
};

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 Icons_1 = require("../../../atoms/Icons");

const styled_1 = require("./styled");
/**
 * render payment card icon
 */


function defaultRenderPaymentCardIcon(props) {
  return react_1.default.createElement(styled_1.PaymentCardIcon, null, react_1.default.createElement(Icons_1.PaymentsCardIcon, {
    type: 'visa',
    breed: 'visaWithBg',
    width: '76'
  }));
}

exports.defaultRenderPaymentCardIcon = defaultRenderPaymentCardIcon;
/**
 * render payment card title / number
 */

function defaultRenderPaymentCardTitle(props) {
  return react_1.default.createElement(styled_1.CardTitle, {
    content: 'Visa card ending in 1234'
  });
}

exports.defaultRenderPaymentCardTitle = defaultRenderPaymentCardTitle;
/**
 * render payment expiry date
 */

function defaultRenderPaymentCardExpiry(props) {
  return react_1.default.createElement(styled_1.CardExpiry, {
    content: 'Expires 06/19'
  });
}

exports.defaultRenderPaymentCardExpiry = defaultRenderPaymentCardExpiry;
/**
 * render payment method type
 */

function defaultRenderPaymentMethod(props) {
  return react_1.default.createElement(styled_1.DefaultPaymentOption, null, react_1.default.createElement(Icons_1.RadioIcon, null), react_1.default.createElement(styled_1.MakeDefaultLabel, {
    content: "Make Payment Method"
  }));
}

exports.defaultRenderPaymentMethod = defaultRenderPaymentMethod;
/**
 * render payment balance
 */

function defaultRenderGiftCardBalance(props) {
  return react_1.default.createElement(styled_1.BalanceElement, null, react_1.default.createElement(styled_1.GiftBalance, {
    content: 'Balance'
  }), react_1.default.createElement(styled_1.GiftAmount, {
    content: '$145.52'
  }));
}

exports.defaultRenderGiftCardBalance = defaultRenderGiftCardBalance;
/**
 * render edit button
 */

function defaultRenderPaymentCardToggleButton(props) {
  return react_1.default.createElement(styled_1.EditInfoButton, {
    breedType: "icon-with-text",
    text: "Edit Information",
    iconType: "arrow",
    iconAlignType: "suffix"
  });
}

exports.defaultRenderPaymentCardToggleButton = defaultRenderPaymentCardToggleButton;
/**
 * render remove button
 */

function defaultRenderPaymentRemoveButton(props) {
  return react_1.default.createElement(styled_1.RemoveButton, {
    text: "Remove",
    iconType: "close",
    iconAlignType: "prefix"
  });
}

exports.defaultRenderPaymentRemoveButton = defaultRenderPaymentRemoveButton;
/**
 * Render Payment Edit Header
 */

function defaultRenderPaymentCardHeader(props) {
  const {
    renderPaymentCardToggleButton,
    renderPaymentCardIcon,
    renderPaymentCardTitle,
    renderPaymentCardExpiry,
    renderGiftCardBalance
  } = props,
        remainingProps = __rest(props, ["renderPaymentCardToggleButton", "renderPaymentCardIcon", "renderPaymentCardTitle", "renderPaymentCardExpiry", "renderGiftCardBalance"]);

  return react_1.default.createElement(styled_1.PaymentEditHeader, null, react_1.default.createElement(styled_1.PaymentDetailsWrapper, null, renderPaymentCardIcon(remainingProps), react_1.default.createElement(styled_1.PaymentCardDetail, null, renderPaymentCardTitle(remainingProps), renderPaymentCardExpiry(remainingProps))), renderGiftCardBalance(remainingProps), react_1.default.createElement(styled_1.PaymentEditButton, null, renderPaymentCardToggleButton(remainingProps)));
}

exports.defaultRenderPaymentCardHeader = defaultRenderPaymentCardHeader;
/**
 * Render Payment Edit Footer
 */

function defaultRenderPaymentCardFooter(props) {
  const {
    renderPaymentMethod,
    renderPaymentRemoveButton
  } = props,
        remainingProps = __rest(props, ["renderPaymentMethod", "renderPaymentRemoveButton"]);

  return react_1.default.createElement(styled_1.PaymentEditFooter, null, renderPaymentMethod(remainingProps), react_1.default.createElement(styled_1.PaymentRemoveButton, null, renderPaymentRemoveButton(remainingProps)));
}

exports.defaultRenderPaymentCardFooter = defaultRenderPaymentCardFooter;
/**
 * Render Wrapper
 */

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

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