'use client';

import { default as React } from 'react';
export interface PhoneFieldProps {
    /**
     * Field name for form handling
     */
    name?: string;
    /**
     * Field label
     */
    label?: string;
    /**
     * Placeholder text
     */
    placeholder?: string;
    /**
     * Phone number value (E.164 format or formatted)
     */
    value?: string;
    /**
     * Change handler (receives E.164 format)
     */
    onChange?: (value: string, formatted: string) => void;
    /**
     * Blur handler
     */
    onBlur?: () => void;
    /**
     * Focus handler
     */
    onFocus?: () => void;
    /**
     * Default country code (ISO 3166-1 alpha-2)
     */
    defaultCountry?: string;
    /**
     * Preferred countries (shown at top of list)
     */
    preferredCountries?: string[];
    /**
     * Allowed countries (if restricted)
     */
    allowedCountries?: string[];
    /**
     * Blocked countries
     */
    blockedCountries?: string[];
    /**
     * Whether field is required
     */
    required?: boolean;
    /**
     * Whether field is disabled
     */
    disabled?: boolean;
    /**
     * Whether to validate phone number format
     */
    validateFormat?: boolean;
    /**
     * Field size
     */
    size?: 'sm' | 'md' | 'lg';
    /**
     * Field variant
     */
    variant?: 'flat' | 'bordered' | 'underlined' | 'faded';
    /**
     * Custom className
     */
    className?: string;
    /**
     * Auto focus
     */
    autoFocus?: boolean;
    /**
     * Auto complete
     */
    autoComplete?: string;
    /**
     * Custom validation error
     */
    error?: string | string[];
    /**
     * Help text
     */
    description?: string;
    /**
     * Whether to show verification status
     */
    showVerificationStatus?: boolean;
    /**
     * Whether phone is verified
     */
    isVerified?: boolean;
    /**
     * Verification handler
     */
    onRequestVerification?: () => void;
    /**
     * End content (overrides verification status)
     */
    endContent?: React.ReactNode;
}
export interface Country {
    code: string;
    name: string;
    dialCode: string;
    flag: string;
    format?: string;
}
export declare function PhoneField({ name, label, placeholder, value, onChange, onBlur, onFocus, defaultCountry, preferredCountries, allowedCountries, blockedCountries, required, disabled, validateFormat, size, variant, className, autoFocus, autoComplete, error: externalError, description, showVerificationStatus, isVerified, onRequestVerification, endContent, }: PhoneFieldProps): import("react/jsx-runtime").JSX.Element;
export default PhoneField;
//# sourceMappingURL=phone-field.d.ts.map