import './OTPInput.css';
import React from 'react';
import type { Dispatch, HTMLAttributes } from 'react';
import { InputSizeVariant } from '../Input';
export declare const cnOTPInput: import("@bem-react/classname").ClassNameFormatter;
export type OTPInputProps = {
    /**
     * Количество полей ввода
     * @default 6
     * */
    length?: number;
    /**
     * Размер
     * @default m
     * */
    size?: InputSizeVariant;
    /** Сообщение, которое будет озвучено экранным считывателем, когда ввод OTP завершен */
    ariaCompleteAlertText?: string;
    /** Сообщение, которое будет озвучено экранным считывателем, когда ввод OTP не завершен */
    ariaNotCompleteAlertText?: string;
    /** Если {true} устанавливает автофокус */
    autoFocus?: boolean;
    /** Если {true} переводит поле в состояние ошибки */
    error?: boolean;
    /** Если {true} делает элемент неактивным */
    disabled?: boolean;
    /** Если {true} делает элемент обязательным к заполнению */
    required?: boolean;
    /** Если {true} отключает автозаполнение браузера */
    disableAutoComplete?: boolean;
    /** Атрибут type для элемента input */
    type?: 'text' | 'number' | 'password';
    /** Выбранное значение */
    value?: string;
    /** Обработчик события на изменение значения поля */
    onChange?: Dispatch<React.SetStateAction<string>>;
    /** Обработчик события после завершения ввода */
    onComplete?: (finalValue: string) => void;
    /** Атрибут, используемый для идентификации элемента в целях тестирования */
    'data-testid'?: string;
} & Omit<HTMLAttributes<HTMLDivElement>, 'value' | 'onChange'>;
export declare const OTPInput: React.ForwardRefExoticComponent<{
    /**
     * Количество полей ввода
     * @default 6
     * */
    length?: number | undefined;
    /**
     * Размер
     * @default m
     * */
    size?: "s" | "m" | "l" | "2xs" | "xs" | undefined;
    /** Сообщение, которое будет озвучено экранным считывателем, когда ввод OTP завершен */
    ariaCompleteAlertText?: string | undefined;
    /** Сообщение, которое будет озвучено экранным считывателем, когда ввод OTP не завершен */
    ariaNotCompleteAlertText?: string | undefined;
    /** Если {true} устанавливает автофокус */
    autoFocus?: boolean | undefined;
    /** Если {true} переводит поле в состояние ошибки */
    error?: boolean | undefined;
    /** Если {true} делает элемент неактивным */
    disabled?: boolean | undefined;
    /** Если {true} делает элемент обязательным к заполнению */
    required?: boolean | undefined;
    /** Если {true} отключает автозаполнение браузера */
    disableAutoComplete?: boolean | undefined;
    /** Атрибут type для элемента input */
    type?: "number" | "text" | "password" | undefined;
    /** Выбранное значение */
    value?: string | undefined;
    /** Обработчик события на изменение значения поля */
    onChange?: React.Dispatch<React.SetStateAction<string>> | undefined;
    /** Обработчик события после завершения ввода */
    onComplete?: ((finalValue: string) => void) | undefined;
    /** Атрибут, используемый для идентификации элемента в целях тестирования */
    'data-testid'?: string | undefined;
} & Omit<React.HTMLAttributes<HTMLDivElement>, "value" | "onChange"> & React.RefAttributes<HTMLDivElement>>;