import type { AvatarLayoutProps } from '../../avatarLayout';
import { CurrencyType, Props as ExpressiveMoneyInputProps } from '../ExpressiveMoneyInput';
import { type ButtonHTMLAttributes } from 'react';
export interface CurrencyOption {
    label?: string;
    code: string;
    keywords: string[] | undefined;
}
export interface CurrencySection {
    title: string;
    currencies: CurrencyOption[];
}
export type CurrencyOptions = CurrencySection[];
export type Props = {
    id: string;
    labelId: string;
    options?: CurrencyOptions;
    onChange?: (currency: CurrencyType) => void;
    onOpen?: () => void;
    addons?: AvatarLayoutProps['avatars'];
    onSearchChange?: (payload: {
        query: string;
        resultCount: number;
    }) => void;
} & Pick<ExpressiveMoneyInputProps, 'currency'>;
export declare const CurrencySelector: ({ id, currency, options, labelId, onChange, addons, onOpen, onSearchChange, }: Props) => import("react").JSX.Element;
export declare const ButtonInput: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
    children?: import("react").ReactNode | undefined;
} & import("react").RefAttributes<HTMLButtonElement | null>>;
//# sourceMappingURL=CurrencySelector.d.ts.map