/**
 * MUI Phone Field Component
 * International phone number input with country code selector
 */
import { type BaseFieldProps } from '@galaxy-dev/metadsl-runtime';
import type { PhoneCountryData } from '@galaxy-dev/metadsl-core';
import type { PhoneFieldConfig, PhoneCountryConfig, PhoneValue } from './types';
/**
 * PhoneField component props
 */
export interface PhoneFieldProps extends BaseFieldProps {
    /** Custom countries list (replaces built-in list) */
    countries?: PhoneCountryData[];
    /** Enable flat output mode - stores fields separately in form data instead of nested object */
    flatOutput?: boolean;
    /** Field names configuration for flat output mode. All fields are optional and default to standard names. */
    fieldConfig?: PhoneFieldConfig;
    /** Country configuration (default country, filters, display options) */
    countryConfig?: PhoneCountryConfig;
    /** Custom flag icon style */
    flagStyle?: React.CSSProperties;
    /** Custom country selector style (width, background, etc.) */
    countryStyle?: React.CSSProperties;
    /** Phone value - string in flat mode, PhoneValue object in nested mode */
    value?: string | PhoneValue;
    /**
     * Custom renderer for selected country (displayed when Select is closed)
     * @param country - PhoneCountryData [countryCode, dialCode, flag, countryName]
     * @default flag + dialCode (e.g., "🇺🇸 +1")
     */
    renderCountryValue?: (country: PhoneCountryData) => React.ReactNode;
    /**
     * Custom renderer for country option in dropdown menu
     * @param country - PhoneCountryData [countryCode, dialCode, flag, countryName]
     * @default flag + dialCode (same as renderCountryValue)
     */
    renderCountryOption?: (country: PhoneCountryData) => React.ReactNode;
}
/**
 * Render flag icon - supports both emoji and URL
 */
export declare function renderFlag(flag: string, customStyle?: React.CSSProperties, additionalStyle?: React.CSSProperties): import("react/jsx-runtime").JSX.Element;
export declare function PhoneField(props: PhoneFieldProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=PhoneField.d.ts.map