import React from 'react';
import { Mode, PropsToAttrs, TextAlign, TypographyVariants } from '../types';
import { ITooltip } from '../Tooltip/Tooltip';
type Props = {
    width?: string;
    height?: string;
    component?: 'code' | 'text';
    children?: string;
    variant?: TypographyVariants;
    mode?: Mode;
    'text-align'?: TextAlign;
    'hide-when-empty'?: boolean;
} & ITooltip;
declare global {
    namespace React.JSX {
        interface IntrinsicElements {
            'descope-totp-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props>;
        }
    }
}
declare const TOTPImage: React.ForwardRefExoticComponent<{
    width?: string;
    height?: string;
    component?: "code" | "text";
    children?: string;
    variant?: TypographyVariants;
    mode?: Mode;
    'text-align'?: TextAlign;
    'hide-when-empty'?: boolean;
} & ITooltip & React.RefAttributes<HTMLDivElement>>;
export default TOTPImage;
