import React from "react";
interface PaymentToken {
    nickname: string;
}
interface CardData {
    paymentToken: PaymentToken;
    expirationDate: string;
    active: boolean;
    paymentTokenID: string;
}
/**
 * PaymentBoxDetail component displays detailed information about a payment card.
 *
 * @param {Object} props - The component props.
 * @param {CardData} props.cardData - The data of the card to be displayed.
 * @param {string} props.cardData.paymentToken - The token representing the payment card.
 * @param {string} props.cardData.expirationDate - The expiration date of the card.
 * @param {boolean} props.cardData.active - Indicates if the card is the default payment method.
 * @param {string} props.cardData.paymentTokenID - The unique identifier for the payment token.
 *
 * @returns {JSX.Element} The rendered PaymentBoxDetail component.
 *
 * The component includes:
 * - Card logo with a border.
 * - Card details including nickname and expiration date.
 * - Actions to set the card as default or indicate if it is the default card.
 * - Expiration status if the card is expired.
 * - A delete button to remove the card.
 */
export declare const PaymentBoxDetail: ({ cardData }: {
    cardData: CardData;
}) => React.JSX.Element;
export {};
//# sourceMappingURL=PaymentBoxDetail.d.ts.map