import * as React from 'react';
import { ActivePaymentItemPane } from './ActivePaymentItemPane';
import { DefaultActivePane } from './DefaultActivePane';
import { GiftCard } from '@skava/packages/features/GiftCard';
import PromoCodes from '@skava/packages/features/PromoCodes';
import { ExpandedCardListWrap, StyledContinueWithExternalPaymentButton } from './styled';
import { paymentMethodsContainer } from './state';
const renderActiveCard = (props, index) => (React.createElement(ActivePaymentItemPane, { card: props, key: props.identifier }));
export const renderExpandedView = () => {
    return (React.createElement(ExpandedCardListWrap, null, paymentMethodsContainer.nonActiveCardList.map(renderActiveCard)));
};
export const renderDefaultView = () => React.createElement(DefaultActivePane, null);
export const renderPayPalIcon = (React.createElement(StyledContinueWithExternalPaymentButton, { cardType: "paypal", title: "continue with paypal" }));
export const renderAppleIcon = (React.createElement(StyledContinueWithExternalPaymentButton, { cardType: "apple", title: "continue with apple" }));
export const renderGiftCards = React.createElement(GiftCard, null);
export const renderPromoCodes = React.createElement(PromoCodes, null);
//# sourceMappingURL=renderProps.js.map