import type { CSSProperties, ReactNode } from 'react';
type VerificationCodeProps = {
    disabled?: boolean;
    error?: boolean | string;
    className?: string;
    /**
     * Amount of field you want
     */
    fields?: number;
    initialValue?: string;
    inputId?: string;
    inputStyle?: string;
    size?: 'small' | 'medium' | 'large' | 'xlarge';
    /**
     * Triggered when a field change
     */
    onChange?: (data: unknown) => void;
    /**
     * Triggered when all fields are completed
     */
    onComplete?: (data: unknown) => void;
    placeholder?: string;
    required?: boolean;
    /**
     * Type of the fields
     */
    type?: 'text' | 'number';
    'data-testid'?: string;
    'aria-label'?: string;
    label?: string;
    labelDescription?: ReactNode;
    helper?: ReactNode;
    success?: boolean | string;
    style?: CSSProperties;
    'aria-describedby'?: string;
};
export declare function VerificationCode({ disabled, className, error, fields, initialValue, inputId, size, onChange, onComplete, placeholder, required, type, 'data-testid': dataTestId, 'aria-label': ariaLabel, label, labelDescription, helper, success, style, 'aria-describedby': ariaDescribedBy, }: VerificationCodeProps): import("react").JSX.Element;
export declare namespace VerificationCode {
    var displayName: string;
}
export {};
//# sourceMappingURL=index.d.ts.map