import { PhoneCountryChoice, RenderCountryFlag } from './types';
export interface CountryCodeSelectProps {
    dataTest: string;
    countries: readonly PhoneCountryChoice[];
    value: string;
    onChange: (iso2: string) => void;
    disabled?: boolean;
    /** Title of the mobile picker sheet; supplied by the consumer — this library ships no copy. */
    selectCountryLabel: string;
    /** Placeholder of the mobile sheet's search box. Consumer-supplied. */
    searchPlaceholder: string;
    renderFlag?: RenderCountryFlag;
    /** `id` of the field label, so the trigger inherits the field's accessible name. */
    labelledBy?: string;
    /** Surface class shared with the number input so the pair matches. */
    className?: string;
}
/**
 * Collapsed country trigger (flag + calling code + chevron) and the picker it opens.
 *
 * Two presentations, one list and one keyboard contract ([[useCountryPicker]]):
 *
 * - **Desktop** — the trigger *is* the combobox. Opening it turns the calling-code slot into an
 *   input and typing filters the list below, which is what Figma draws (the open trigger carries a
 *   text cursor, and the menu holds rows only — node 8565:284950 has no search field).
 * - **Mobile** — a full-screen sheet with its own search box, per node 8699:112423. The break is
 *   `StyledDialog`'s own `fullScreen ?? isMobile` default (≤743 px), so the two never disagree
 *   about what "mobile" means.
 */
export declare const CountryCodeSelect: ({ dataTest, countries, value, onChange, disabled, selectCountryLabel, searchPlaceholder, renderFlag, labelledBy, className, }: CountryCodeSelectProps) => JSX.Element;