import { PhoneCountryChoice, RenderCountryFlag } from './types';
export interface CountryCodeOptionsProps {
    dataTest: string;
    /** Already filtered — the caller owns the query. */
    visible: readonly PhoneCountryChoice[];
    selectedIso2: string;
    activeIndex: number | null;
    optionId: (index: number) => string;
    onSelect: (iso2: string) => void;
    listId: string;
    /** Accessible name for the list. Consumer copy, same string that titles the mobile sheet. */
    label: string;
    renderFlag?: RenderCountryFlag;
    className?: string;
}
/**
 * The country listbox. Presentation only — filtering, the active row and the keyboard live in
 * [[useCountryPicker]], so the desktop trigger and the mobile sheet render the same list.
 */
export declare const CountryCodeOptions: ({ dataTest, visible, selectedIso2, activeIndex, optionId, onSelect, listId, label, renderFlag, className, }: CountryCodeOptionsProps) => JSX.Element;