declare const DIALOG_ID: "dev-otp-dialog";
declare const RESEND_TIMEOUT: number;
declare const CHECK_MARK: "✓";
declare class DevOTPImpl {
    siteId: any;
    jwt: any;
    dialog: HTMLDialogElement | null;
    styles: {
        dialog: {
            padding: string;
            borderRadius: string;
            border: string;
            boxShadow: string;
            backdrop: string;
            background: string;
        };
        input: {
            padding: string;
            fontSize: string;
            border: string;
            borderRadius: string;
            color: string;
            background: string;
        };
        verifyButton: {
            background: string;
            color: string;
            padding: string;
            borderRadius: string;
            border: string;
        };
        cancelButton: {
            background: string;
            color: string;
            padding: string;
            borderRadius: string;
            border: string;
        };
        resendButton: {
            background: string;
            color: string;
            padding: string;
            borderRadius: string;
            border: string;
        };
        errorMessage: {
            color: string;
            fontSize: string;
            marginTop: string;
            textAlign: string;
        };
        successMark: {
            color: string;
            fontSize: string;
            marginLeft: string;
            display: string;
        };
    } | {
        dialog: {
            padding: string;
            borderRadius: string;
            border: string;
            boxShadow: string;
            backdrop: string;
            background: any;
        };
        input: {
            padding: string;
            fontSize: string;
            border: string;
            borderRadius: string;
            color: any;
            background: any;
        };
        verifyButton: {
            background: any;
            color: string;
            padding: string;
            borderRadius: string;
            border: string;
            display: string;
        };
        cancelButton: {
            background: any;
            color: any;
            padding: string;
            borderRadius: string;
            border: string;
        };
        resendButton: {
            background: any;
            color: any;
            padding: string;
            borderRadius: string;
            border: string;
        };
        errorMessage: {
            color: any;
            fontSize: string;
            marginTop: string;
            textAlign: string;
        };
        successMark: {
            color: any;
            fontSize: string;
            marginLeft: string;
            display: string;
        };
    } | null;
    resendTimer: any;
    identifier: any;
    verificationType: any;
    fetchThemeConfig(): Promise<{
        dialog: {
            padding: string;
            borderRadius: string;
            border: string;
            boxShadow: string;
            backdrop: string;
            background: string;
        };
        input: {
            padding: string;
            fontSize: string;
            border: string;
            borderRadius: string;
            color: string;
            background: string;
        };
        verifyButton: {
            background: string;
            color: string;
            padding: string;
            borderRadius: string;
            border: string;
        };
        cancelButton: {
            background: string;
            color: string;
            padding: string;
            borderRadius: string;
            border: string;
        };
        resendButton: {
            background: string;
            color: string;
            padding: string;
            borderRadius: string;
            border: string;
        };
        errorMessage: {
            color: string;
            fontSize: string;
            marginTop: string;
            textAlign: string;
        };
        successMark: {
            color: string;
            fontSize: string;
            marginLeft: string;
            display: string;
        };
    } | {
        dialog: {
            padding: string;
            borderRadius: string;
            border: string;
            boxShadow: string;
            backdrop: string;
            background: any;
        };
        input: {
            padding: string;
            fontSize: string;
            border: string;
            borderRadius: string;
            color: any;
            background: any;
        };
        verifyButton: {
            background: any;
            color: string;
            padding: string;
            borderRadius: string;
            border: string;
            display: string;
        };
        cancelButton: {
            background: any;
            color: any;
            padding: string;
            borderRadius: string;
            border: string;
        };
        resendButton: {
            background: any;
            color: any;
            padding: string;
            borderRadius: string;
            border: string;
        };
        errorMessage: {
            color: any;
            fontSize: string;
            marginTop: string;
            textAlign: string;
        };
        successMark: {
            color: any;
            fontSize: string;
            marginLeft: string;
            display: string;
        };
    }>;
    getDefaultTheme(): {
        dialog: {
            padding: string;
            borderRadius: string;
            border: string;
            boxShadow: string;
            backdrop: string;
            background: string;
        };
        input: {
            padding: string;
            fontSize: string;
            border: string;
            borderRadius: string;
            color: string;
            background: string;
        };
        verifyButton: {
            background: string;
            color: string;
            padding: string;
            borderRadius: string;
            border: string;
        };
        cancelButton: {
            background: string;
            color: string;
            padding: string;
            borderRadius: string;
            border: string;
        };
        resendButton: {
            background: string;
            color: string;
            padding: string;
            borderRadius: string;
            border: string;
        };
        errorMessage: {
            color: string;
            fontSize: string;
            marginTop: string;
            textAlign: string;
        };
        successMark: {
            color: string;
            fontSize: string;
            marginLeft: string;
            display: string;
        };
    };
    generateStylesCSS: () => string;
    createDialog: () => HTMLDialogElement;
    startResendTimer: () => void;
    showError: (message: any) => void;
    hideError: () => void;
    init: (siteId: any) => Promise<void>;
    printError: (message: any) => void;
    handleVerifyClick: (evt: any, type: any) => Promise<void>;
    handleResendOTP: () => Promise<void>;
    handleOTPVerification: () => Promise<void>;
}
declare const devOTP: DevOTPImpl;
//# sourceMappingURL=index.d.ts.map