"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 module_1 = require();
';
const Empty_1 = require("atoms/Empty");
const Icons_1 = require("atoms/Icons");
const PaymentInformationCard_1 = require("abstractions/Subscription/PaymentInformationCard");
const PaymentInformationForm_1 = require("presets/Subscription/PaymentInformationForm");
const styled_1 = require("./styled");
function defaultRenderHeader(props, state) {
    const addPaymentView = (state.isExpanded === false)
        ? react_1.default.createElement(styled_1.StyledButton, { onClick: state.handleToggle }, module_1.wording.addNewPaymentText)
        : react_1.default.createElement(Empty_1.Empty, null);
    return (react_1.default.createElement(PaymentInformationCard_1.HeaderWrapper, null,
        react_1.default.createElement(styled_1.StyledLabel, null, module_1.wording.paymentHeaderLabel),
        addPaymentView));
}
exports.defaultRenderHeader = defaultRenderHeader;
function defaultRenderItem(item, state) {
    const { nameOnCard } = item;
    return (react_1.default.createElement(styled_1.ItemWrapper, null,
        react_1.default.createElement(styled_1.NameOnCard, { content: nameOnCard }),
        react_1.default.createElement(styled_1.IconWrapper, null,
            react_1.default.createElement(Icons_1.PaymentsCardIcon, { type: 'visa', breed: 'visaWithBg' }),
            react_1.default.createElement(styled_1.CardNumber, { content: 'Visa XXXX - 1234' })),
        react_1.default.createElement(styled_1.CardExpiry, { content: 'Exp. 06/2022' })));
}
exports.defaultRenderItem = defaultRenderItem;
function defaultRenderForm(props, state) {
    return react_1.default.createElement(PaymentInformationForm_1.PaymentInformationForm, { state: state });
}
exports.defaultRenderForm = defaultRenderForm;
//# sourceMappingURL=renderProps.js.map