import * as react_jsx_runtime from 'react/jsx-runtime';
import { CountryCode } from 'libphonenumber-js/min';

interface FlagSvgProps {
    /** Country ISO code */
    country: CountryCode;
    /** Width in pixels */
    width?: number;
    /** Height in pixels */
    height?: number;
    /** Custom class name */
    className?: string;
    /** Fallback to emoji if SVG not available */
    fallbackToEmoji?: boolean;
}
/**
 * SVG Flag component for countries
 *
 * @example
 * ```tsx
 * import { FlagSvg } from 'maskdial/flags'
 *
 * <FlagSvg country="US" width={24} height={18} />
 * <FlagSvg country="GB" width={32} />
 * ```
 */
declare function FlagSvg({ country, width, height, className, fallbackToEmoji, }: FlagSvgProps): react_jsx_runtime.JSX.Element | null;

interface PathData {
    d: string;
    fill: string;
}
interface RectData {
    x: number;
    y: number;
    width: number;
    height: number;
    fill: string;
}
interface CircleData {
    cx: number;
    cy: number;
    r: number;
    fill: string;
}
interface FlagData {
    name: string;
    viewBox: string;
    paths: PathData[];
    rects?: RectData[];
    circles?: CircleData[];
}
/**
 * SVG path data for country flags
 * Using simplified designs for common countries
 * Viewbox is typically 640x480 (4:3 ratio)
 */
declare const flagSvgPaths: Partial<Record<CountryCode, FlagData>>;

export { type CircleData, type FlagData, FlagSvg, type FlagSvgProps, type PathData, type RectData, flagSvgPaths };