import { type JSX } from "react";
import type { fluidPay } from "@fluid-app/fluid-pay-core";
interface SelectablePaymentMethodDropdownProps {
    title: string;
    displayPaymentMethod: fluidPay.CustomerPaymentMethod | null;
    paymentMethodList: fluidPay.CustomerPaymentMethod[];
    selectedPaymentMethodId: number;
    onSelectPaymentMethod: (paymentMethod: fluidPay.CustomerPaymentMethod) => void;
    onAddPaymentMethodClick: () => void;
    onEditPaymentMethod?: (paymentMethod: fluidPay.CustomerPaymentMethod) => void;
    onDeletePaymentMethod?: (paymentMethod: fluidPay.CustomerPaymentMethod) => void;
    onMakeDefaultPaymentMethod?: (paymentMethod: fluidPay.CustomerPaymentMethod) => void;
    addPaymentMethodLabel?: string;
    showAddButton?: boolean;
    isLoading?: boolean;
    /** Disable selection while a parent mutation is in flight. */
    isPending?: boolean;
    className?: string;
}
/**
 * Selectable variant of profile-ui's PaymentMethodDropdown — same chrome
 * (accordion, collapsed summary, list, add button), with rows that
 * commit a selection through onSelectPaymentMethod when clicked.
 */
export declare function SelectablePaymentMethodDropdown({ title, displayPaymentMethod, paymentMethodList, selectedPaymentMethodId, onSelectPaymentMethod, onAddPaymentMethodClick, onEditPaymentMethod, onDeletePaymentMethod, onMakeDefaultPaymentMethod, addPaymentMethodLabel: addPaymentMethodLabelProp, showAddButton, isLoading, isPending, className }: SelectablePaymentMethodDropdownProps): JSX.Element;
export {};
//# sourceMappingURL=SelectablePaymentMethodDropdown.d.ts.map