import { OTPInputProps } from 'input-otp';
import { Control, FieldValues } from 'react-hook-form';
import { FieldComponents } from './form';
import { OTPInput } from './otp-input';
import * as React from 'react';
export type { OTPInputProps };
export declare function OTPInputGroup({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
export declare function OTPInputSlot({ index, className, ...props }: React.ComponentProps<'div'> & {
    index: number;
}): import("react/jsx-runtime").JSX.Element;
export declare function OTPInputSeparator({ ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
export interface OTPInputFieldProps<TFieldValues extends FieldValues = FieldValues> extends Omit<React.ComponentProps<typeof OTPInput>, 'onChange' | 'value'> {
    control: Control<TFieldValues>;
    name: string;
    label?: string;
    description?: string;
    className?: string;
    labelClassName?: string;
    inputClassName?: string;
    maxLength: number;
    components?: Partial<FieldComponents>;
}
export declare function OTPInputField({ control, name, label, description, className, labelClassName, inputClassName, maxLength, components, }: OTPInputFieldProps): import("react/jsx-runtime").JSX.Element;
export declare namespace OTPInputField {
    var displayName: string;
}
//# sourceMappingURL=otp-input-field.d.ts.map