import React, { ReactNode } from "react";
export interface Props {
    /**
     * Value of the OTP input.
     */
    initialValue?: string;
    /**
     * Pass a regex to restrict what can be entered in the OTP input.
     */
    regexValidation?: string;
    /**
     * Callback triggered when the OTP input value changes.
     */
    onChange?: (val: string) => void;
    onBlur?: React.FocusEventHandler<HTMLDivElement>;
    onFocus?: React.FocusEventHandler<HTMLDivElement>;
    /**
     *  Regular static label.
     */
    label?: ReactNode;
    /**
     * Pass OTP length.
     * @default 6
     */
    otpLength?: number;
    /**
     * Overwrite the style by passing space separated class names.
     */
    className?: string;
    /**
     * Additional information or guidance displayed below the OTP input.
     */
    helperText?: ReactNode;
    /**
     * Pass a boolean value to indicate if the OTP input is in an error state.
     * @default false
     */
    error?: boolean;
    disabled?: boolean;
}
export declare const OtpInput: ({ initialValue, regexValidation, onChange, onBlur, onFocus, label, helperText, error, otpLength, className, disabled }: Props) => JSX.Element | null;
