import { IPaymentChoice } from '@/index';
interface CoinConfirmProps {
    currency: 'JOLI_COIN' | 'JOLI_GEM';
    unlockNeedsAmount: number;
    balanceAmount: number;
    defaultEnableAutoDeduct: boolean;
    confirmButtonKey: string;
    cancelButtonKey: string;
    onConfirm: (enableAutoDeduct: boolean) => void;
    onClose: (params: {
        type?: 'CANCEL' | 'FAILED' | 'CONFIRM';
    }) => void;
    onEnableDeductChanged: (enableAutoDeduct: boolean) => void;
}
export declare const styles: {
    modal: import("@emotion/react").SerializedStyles;
    header: import("@emotion/react").SerializedStyles;
    closeButton: import("@emotion/react").SerializedStyles;
    content: import("@emotion/react").SerializedStyles;
    title: import("@emotion/react").SerializedStyles;
    autoDeductOption: import("@emotion/react").SerializedStyles;
    buttonContainer: import("@emotion/react").SerializedStyles;
    buttonFlex: import("@emotion/react").SerializedStyles;
    confirmButton: import("@emotion/react").SerializedStyles;
    cancelButton: import("@emotion/react").SerializedStyles;
    bottomIndicator: import("@emotion/react").SerializedStyles;
};
export declare const CoinConfirmContent: React.FC<CoinConfirmProps>;
interface CoinPaymentProps {
    currency: 'JOLI_COIN' | 'JOLI_GEM';
    balanceAmount: number;
    unlockNeedsAmount: number;
    defaultEnableAutoDeduct: boolean;
    paymentChoices: IPaymentChoice[];
    onConfirm: (productId: string) => void;
    onClose: (params: {
        type?: 'CANCEL' | 'FAILED' | 'CONFIRM';
    }) => void;
    onEnableDeductChanged: (enalbed: boolean) => void;
    confirmButtonKey: string;
    cancelButtonKey: string;
    onSelect: (productId: string) => void;
}
export declare const CoinPaymentContent: React.FC<CoinPaymentProps>;
export {};