import React, { FocusEvent } from 'react';
import { PassCodeRef } from './pass-code.types.js';
export declare const PassCode: React.ForwardRefExoticComponent<{
    length: number;
    onBlur?: (index: number, event: FocusEvent<HTMLInputElement>) => void;
    onChange?: (passcode: string[]) => void;
    onComplete?: (passcode: string) => void;
    onPasteComplete?: (passcode: string) => void;
    type?: "numbers" | "letters" | "alphanumeric";
    value?: string[];
} & import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
    [key: string]: {
        [key: string]: import("tailwind-merge").ClassNameValue | {
            base?: import("tailwind-merge").ClassNameValue;
            input?: import("tailwind-merge").ClassNameValue;
        };
    };
} | {
    [x: string]: {
        [x: string]: import("tailwind-merge").ClassNameValue | {
            base?: import("tailwind-merge").ClassNameValue;
            input?: import("tailwind-merge").ClassNameValue;
        };
    };
} | {}, {
    base: string;
    input: string;
}, undefined, {
    [key: string]: {
        [key: string]: import("tailwind-merge").ClassNameValue | {
            base?: import("tailwind-merge").ClassNameValue;
            input?: import("tailwind-merge").ClassNameValue;
        };
    };
} | {}, {
    base: string;
    input: string;
}, import("tailwind-variants").TVReturnType<unknown, {
    base: string;
    input: string;
}, undefined, unknown, unknown, undefined>>> & Omit<React.HTMLAttributes<Element>, "onChange"> & React.RefAttributes<PassCodeRef>>;