"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 default payment method option
 */


function defaultRenderTogglePaymentMethod(props) {
  const {
    onChange
  } = props;
  const handleClick = onChange;
  return react_1.default.createElement(styled_1.PaymentOption, null, react_1.default.createElement(Placeholder_1.CirclePlaceholder, {
    width: 24,
    height: 24,
    onClick: handleClick
  }), react_1.default.createElement(styled_1.OptionLabel, null));
}

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

function defaultRenderRemoveButton(props) {
  return react_1.default.createElement(styled_1.RemoveButtonPlaceholder, {
    width: 200,
    height: 44
  });
}

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

function defaultRenderFooter(props) {
  const {
    renderTogglePaymentMethod,
    renderRemoveButton
  } = props,
        remainingProps = tslib_1.__rest(props, ["renderTogglePaymentMethod", "renderRemoveButton"]);

  return react_1.default.createElement(styled_1.Footer, {
    isConfirming: props.state.isConfirming
  }, renderTogglePaymentMethod(remainingProps), renderRemoveButton(remainingProps));
}

exports.defaultRenderFooter = defaultRenderFooter;
/**
 * render edit toggle button
 */

function defaultRenderButton(props) {
  const {
    state
  } = props;
  return react_1.default.createElement(styled_1.ToggleButton, {
    onClick: state.handleToggle
  });
}

exports.defaultRenderButton = defaultRenderButton;
/**
 * render gift card balance
 */

function defaultRenderBalance(props) {
  return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(Placeholder_1.TextPlaceholder, {
    width: 100
  }), react_1.default.createElement(styled_1.GiftBalance, {
    width: 100
  }));
}

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

function defaultRenderCardDetail(props) {
  return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(styled_1.CardTitle, {
    width: 200
  }), react_1.default.createElement(styled_1.CardExpiry, {
    width: 100
  }));
}

exports.defaultRenderCardDetail = defaultRenderCardDetail;
/**
 * render payment card icon
 */

function defaultRenderIcon(props) {
  return react_1.default.createElement(styled_1.Icon, {
    width: 76,
    height: 48
  });
}

exports.defaultRenderIcon = defaultRenderIcon;
/**
 * Render Payment card Header
 */

function defaultRenderHeader(props) {
  const {
    renderIcon,
    renderCardDetail,
    renderButton,
    renderBalance
  } = props,
        remainingProps = tslib_1.__rest(props, ["renderIcon", "renderCardDetail", "renderButton", "renderBalance"]);

  return react_1.default.createElement(styled_1.Header, {
    isConfirming: props.state.isConfirming
  }, react_1.default.createElement(styled_1.CardDetailsWrapper, null, react_1.default.createElement(styled_1.IconContainer, null, renderIcon(remainingProps)), react_1.default.createElement(styled_1.CardDetailContainer, null, renderCardDetail(remainingProps)), react_1.default.createElement(styled_1.BalanceContainer, null, renderBalance(remainingProps))), react_1.default.createElement(styled_1.ButtonContainer, null, renderButton(remainingProps)));
}

exports.defaultRenderHeader = defaultRenderHeader;
/**
 * Render Box
 */

function defaultRenderBox(props) {
  const {
    renderHeader,
    renderFooter
  } = props,
        remainingProps = tslib_1.__rest(props, ["renderHeader", "renderFooter"]);

  return react_1.default.createElement(react_1.default.Fragment, null, renderHeader(remainingProps), renderFooter(remainingProps));
}

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

function defaultRenderWrapper(props) {
  const {
    className,
    children,
    noWrap
  } = props;
  const Wrapper = noWrap ? react_1.default.Fragment : styled_1.PaymentCardWrapper;
  return react_1.default.createElement(Wrapper, {
    className: className
  }, children);
}

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