export declare const ONETIMEPASSWORDINPUT_CLASSNAME = "k-otp-input";
declare const states: ("required" | "focus" | "invalid" | "disabled" | "readonly" | "valid" | "hover")[];
declare const options: {
    size: ("small" | "medium" | "large" | undefined)[];
    rounded: ("small" | "none" | "medium" | "full" | "large" | undefined)[];
    fillMode: ("flat" | "outline" | "solid" | undefined)[];
};
export type KendoOneTimePasswordInputOptions = {
    size?: (typeof options.size)[number] | null;
    rounded?: (typeof options.rounded)[number] | null;
    fillMode?: (typeof options.fillMode)[number] | null;
};
export type KendoOneTimePasswordInputProps = KendoOneTimePasswordInputOptions & {
    type?: string;
    value?: string;
    placeholder?: string;
    autocomplete?: string;
    'aria-label'?: string;
};
export type KendoOneTimePasswordInputState = {
    [K in (typeof states)[number]]?: boolean;
};
export declare const OneTimePasswordInput: {
    (props: KendoOneTimePasswordInputProps & KendoOneTimePasswordInputState & Omit<React.HTMLAttributes<HTMLSpanElement>, "prefix">): import("react/jsx-runtime").JSX.Element;
    states: ("required" | "focus" | "invalid" | "disabled" | "readonly" | "valid" | "hover")[];
    options: {
        size: ("small" | "medium" | "large" | undefined)[];
        rounded: ("small" | "none" | "medium" | "full" | "large" | undefined)[];
        fillMode: ("flat" | "outline" | "solid" | undefined)[];
    };
    className: string;
    defaultOptions: {
        size: any;
        rounded: any;
        fillMode: any;
    };
};
export default OneTimePasswordInput;