"use strict";

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

const tslib_1 = require("tslib");

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

const exotic_1 = require("exotic");

const AddPayment_1 = require("../../../abstractions/PaymentMethod/AddPayment");

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

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

function defaultRenderHeaderView(props, state) {
  const {
    handleToggle,
    isExpanded
  } = state;
  const view = react_1.default.createElement(AddPayment_1.StyledHeadingWrapper, null, react_1.default.createElement(styled_1.StyledHeading, {
    breedType: 'h3',
    content: words_1.wording.paymentMethod
  }), react_1.default.createElement(styled_1.StyledToggleButton, {
    iconType: words_1.wording.close,
    text: words_1.wording.addNewCard,
    isExpanded: isExpanded,
    onClick: handleToggle
  }));
  return view;
}

exports.defaultRenderHeaderView = defaultRenderHeaderView;

function defaultRenderExpandedView(props, state) {
  const {
    onPaymentCancel
  } = props,
        remainingProps = tslib_1.__rest(props, ["onPaymentCancel"]);

  const handlePaymentCancel = args => {
    state.handleToggle();

    if (exotic_1.isFunction(onPaymentCancel)) {
      onPaymentCancel(args);
    }
  };

  const view = react_1.default.createElement(styled_1.StyledPaymentWithBillingAddress, Object.assign({
    onPaymentCancel: handlePaymentCancel
  }, remainingProps));
  return view;
}

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