import type { NestedSheet } from '../hooks/useNestedSheet';
import { type PhoneCountry } from './phoneCountries';
export interface FiatCountrySheetProps {
    sheet: NestedSheet<'countries'>;
    /** The code the field carries; absent until a field has raised the list. */
    selected?: PhoneCountry;
    onSelect: (country: PhoneCountry) => void;
}
/**
 * The country list as a stacked modal layer over the step that raised it
 * (2531:8471).
 *
 * A drawer rather than a panel in the keyboard's slot: every country on earth
 * is further than a panel's worth of room can be read through, so the design
 * gives the list the whole screen and its own search.
 */
export declare function FiatCountrySheet({ sheet, selected, onSelect, }: FiatCountrySheetProps): import("react").JSX.Element;
/**
 * What the sheet holds: the search the list is filtered by, and the countries
 * grouped under the initial they file under.
 */
export declare function FiatCountryList({ selected, onSelect, heading, onClose, }: {
    selected: PhoneCountry;
    onSelect: (country: PhoneCountry) => void;
    /** The question the list answers, for a field that asks one of its own. */
    heading?: string;
    onClose: () => void;
}): import("react").JSX.Element;
//# sourceMappingURL=FiatCountrySheet.d.ts.map