export declare const classes: {
    input: (props?: ({} & {} & object) | undefined, ...classes: (string | false | null | undefined)[]) => string;
    row: (props?: ({} & {} & object) | undefined, ...classes: (string | false | null | undefined)[]) => string;
    gap: (props?: ({} & {
        wide?: boolean | null | undefined;
    } & object) | undefined, ...classes: (string | false | null | undefined)[]) => string;
    root: (props?: ({
        readonly size?: false | "small" | "medium" | "large" | "tiny" | null | undefined;
        readonly status?: false | "error" | "warning" | "loading" | null | undefined;
    } & {
        disabled?: boolean | null | undefined;
        readOnly?: boolean | null | undefined;
    } & object) | undefined, ...classes: (string | false | null | undefined)[]) => string;
};
export declare const groupClasses: {
    root: (props?: ({} & {} & object) | undefined, ...classes: (string | false | null | undefined)[]) => string;
};
export declare const slotClasses: {
    root: (props?: ({} & {
        active?: boolean | null | undefined;
        hovered?: boolean | null | undefined;
    } & object) | undefined, ...classes: (string | false | null | undefined)[]) => string;
    caret: (props?: ({} & {} & object) | undefined, ...classes: (string | false | null | undefined)[]) => string;
    char: (props?: ({} & {
        selected?: boolean | null | undefined;
    } & object) | undefined, ...classes: (string | false | null | undefined)[]) => string;
};
export declare const separatorClasses: {
    root: (props?: ({} & {} & object) | undefined, ...classes: (string | false | null | undefined)[]) => string;
};
//# sourceMappingURL=OTPInput.classes.d.ts.map