import { default as React, ComponentProps } from 'react';
import { OverrideProps } from '../../helpers';
import { DeepPartial } from '../../types';
import { OtpInputTheme } from './theme';
export declare enum OtpValidTypes {
    number = "number",
    tel = "tel",
    text = "text",
    password = "password"
}
export type OtpValidType = `${OtpValidTypes}`;
export type OtpInputProps = OverrideProps<Omit<ComponentProps<"input">, "ref">, {
    /** Value of the OTP input */
    value?: string;
    /** Number of OTP inputs to be rendered */
    length?: number;
    /** Callback to be called when the OTP value changes */
    onChange: (otp: string) => void;
    /** Callback to be called when pasting content into the component */
    onPaste?: (event: React.ClipboardEvent<HTMLDivElement>) => void;
    /** Whether the first input should be auto focused */
    shouldAutoFocus?: boolean;
    /** Placeholder for the inputs */
    placeholder?: string;
    /** Function to render the separator */
    renderSeparator?: ((index: number) => React.ReactNode) | React.ReactNode;
    /** The type that will be passed to the input being rendered */
    type?: OtpValidType;
    /** Classname for the inputs */
    inputsClassName?: string;
    /** Callback to be called when the OTP is complete */
    onComplete?: (otp: string) => void;
    theme?: DeepPartial<OtpInputTheme>;
}>;
export declare const OtpInput: ({ value, length, onChange, onPaste, shouldAutoFocus, type, renderSeparator, placeholder, inputsClassName, onComplete, theme: customTheme, ...props }: OtpInputProps) => import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=OtpInput.d.ts.map