import type { ExchangeRates, GetFopsResponse, SwappedFormOfPayment } from '@funkit/api-base';
import React from 'react';
interface FormOfPaymentsListProps {
    fopsData?: GetFopsResponse;
    isLoading: boolean;
    selectedFop?: SwappedFormOfPayment | null;
    onFopSelect: (fop: SwappedFormOfPayment) => void;
    exchangeRatesData?: ExchangeRates;
    enableSourceGroupLabels: boolean;
    isDisabled?: boolean;
}
interface FormOfPaymentSection {
    items: SwappedFormOfPayment[];
    labelKey: 'sourceChange.mostPopular' | 'sourceChange.savedPaymentMethods' | 'sourceChange.moreOptions' | 'sourceChange.otherOptions';
}
export declare function getFormOfPaymentSections(fopsData: GetFopsResponse, fopPriority: readonly string[]): {
    primary: FormOfPaymentSection;
    secondary: FormOfPaymentSection;
};
export declare function FormOfPaymentsList({ fopsData, isLoading, selectedFop, onFopSelect, exchangeRatesData, enableSourceGroupLabels, isDisabled, }: FormOfPaymentsListProps): React.JSX.Element;
export {};
