import React, { type ReactNode } from 'react';
import type { CheckoutFees } from '../../domains/fees';
import type { FunkitCheckoutQuoteResult } from '../../domains/quote';
import { type FunTooltipProps } from '../FunTooltip/FunTooltip';
export declare const NO_DATA_VALUE = "-";
interface PaymentFeesSummaryProps {
    isLoading: boolean;
    quote: FunkitCheckoutQuoteResult | null | undefined;
    /** If set and quote is missing, display fees based on this data  */
    fallbackFees?: CheckoutFees;
    /** If set, displays a `-` instead of the values, the breakdown is not expandable */
    valuesNotAvailable?: boolean;
    isWithdrawal: boolean;
}
export declare function PaymentFeesSummary({ isLoading, quote, fallbackFees, isWithdrawal, valuesNotAvailable, }: PaymentFeesSummaryProps): React.JSX.Element;
export interface FeeItem {
    label: string;
    value: string;
    testId?: string;
    valueIcon?: ReactNode;
    tooltipText?: string | ReactNode;
    tooltipPosition?: FunTooltipProps['tooltipPosition'];
    tooltipWidth?: 'default' | 'wide';
}
export {};
