declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
    badgeText: {
        type: StringConstructor;
        default: string;
    };
    badgeColor: {
        type: StringConstructor;
        default: null;
        validator: (color: unknown) => boolean;
    };
    avatarSrc: {
        type: StringConstructor;
        default: string;
    };
    avatarFullName: {
        type: StringConstructor;
        default: string;
    };
    avatarSeed: {
        type: StringConstructor;
        default: string;
    };
    title: {
        type: StringConstructor;
        default: string;
    };
    borderColor: {
        type: StringConstructor;
        default: string;
        validator: (color: unknown) => boolean;
    };
    clickable: {
        type: BooleanConstructor;
        default: boolean;
    };
    isOnHold: {
        type: BooleanConstructor;
        default: boolean;
    };
}>, {}, {}, {
    shouldShowAvatar(): string;
    badgeClass(): any;
    borderClass(): any;
}, {
    handleClick(e: any): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
    badgeText: {
        type: StringConstructor;
        default: string;
    };
    badgeColor: {
        type: StringConstructor;
        default: null;
        validator: (color: unknown) => boolean;
    };
    avatarSrc: {
        type: StringConstructor;
        default: string;
    };
    avatarFullName: {
        type: StringConstructor;
        default: string;
    };
    avatarSeed: {
        type: StringConstructor;
        default: string;
    };
    title: {
        type: StringConstructor;
        default: string;
    };
    borderColor: {
        type: StringConstructor;
        default: string;
        validator: (color: unknown) => boolean;
    };
    clickable: {
        type: BooleanConstructor;
        default: boolean;
    };
    isOnHold: {
        type: BooleanConstructor;
        default: boolean;
    };
}>> & Readonly<{
    onClick?: ((...args: any[]) => any) | undefined;
}>, {
    title: string;
    clickable: boolean;
    avatarSrc: string;
    borderColor: string;
    avatarSeed: string;
    avatarFullName: string;
    badgeText: string;
    badgeColor: string;
    isOnHold: boolean;
}, {}, {
    DtBadge: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
        iconSize: {
            type: StringConstructor;
            default: string;
            validator: (s: unknown) => boolean;
        };
        text: {
            type: StringConstructor;
            default: string;
        };
        kind: {
            type: StringConstructor;
            default: string;
            validator: (kind: unknown) => boolean;
        };
        type: {
            type: StringConstructor;
            default: string;
            validator: (type: unknown) => boolean;
        };
        decoration: {
            type: StringConstructor;
            default: undefined;
            validator: (type: unknown) => boolean;
        };
        labelClass: {
            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
            default: string;
        };
        subtle: {
            type: BooleanConstructor;
            default: boolean;
        };
        outlined: {
            type: BooleanConstructor;
            default: boolean;
        };
    }>, {}, {
        BADGE_TYPE_MODIFIERS: {
            default: string;
            info: string;
            success: string;
            warning: string;
            critical: string;
            bulletin: string;
            ai: string;
        };
        BADGE_KIND_MODIFIERS: {
            label: string;
            count: string;
        };
        BADGE_DECORATION_MODIFIERS: {
            'black-400': string;
            'black-500': string;
            'black-900': string;
            'red-200': string;
            'red-300': string;
            'red-400': string;
            'purple-200': string;
            'purple-300': string;
            'purple-400': string;
            'purple-500': string;
            'blue-200': string;
            'blue-300': string;
            'blue-400': string;
            'green-300': string;
            'green-400': string;
            'green-500': string;
            'gold-300': string;
            'gold-400': string;
            'gold-500': string;
            'magenta-200': string;
            'magenta-300': string;
            'magenta-400': string;
        };
    }, {
        hasLeftIcon(): any;
        hasRightIcon(): any;
        hasIcons(): any;
    }, {
        validateProps(): void;
        validateTypePropCombination(): void;
        validateDecorationPropCombination(): void;
    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
        iconSize: {
            type: StringConstructor;
            default: string;
            validator: (s: unknown) => boolean;
        };
        text: {
            type: StringConstructor;
            default: string;
        };
        kind: {
            type: StringConstructor;
            default: string;
            validator: (kind: unknown) => boolean;
        };
        type: {
            type: StringConstructor;
            default: string;
            validator: (type: unknown) => boolean;
        };
        decoration: {
            type: StringConstructor;
            default: undefined;
            validator: (type: unknown) => boolean;
        };
        labelClass: {
            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
            default: string;
        };
        subtle: {
            type: BooleanConstructor;
            default: boolean;
        };
        outlined: {
            type: BooleanConstructor;
            default: boolean;
        };
    }>> & Readonly<{}>, {
        type: string;
        outlined: boolean;
        iconSize: string;
        text: string;
        kind: string;
        decoration: string;
        labelClass: string | unknown[] | Record<string, any>;
        subtle: boolean;
    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
    DtAvatar: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
        id: {
            type: StringConstructor;
            default(): string;
        };
        seed: {
            type: StringConstructor;
            default: undefined;
        };
        color: {
            type: StringConstructor;
            default: undefined;
        };
        size: {
            type: StringConstructor;
            default: string;
            validator: (size: unknown) => boolean;
        };
        avatarClass: {
            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
            default: string;
        };
        canvasClass: {
            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
            default: string;
        };
        iconClass: {
            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
            default: string;
        };
        presence: {
            type: StringConstructor;
            default: string;
            validator: (state: unknown) => boolean;
        };
        presenceProps: {
            type: ObjectConstructor;
            default: () => {};
        };
        group: {
            type: NumberConstructor;
            default: undefined;
            validator: (group: unknown) => boolean;
        };
        overlayText: {
            type: StringConstructor;
            default: string;
        };
        overlayClass: {
            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
            default: string;
        };
        imageSrc: {
            type: StringConstructor;
            default: string;
        };
        imageAlt: {
            type: StringConstructor;
            default: undefined;
        };
        iconSize: {
            type: StringConstructor;
            default: string;
            validator: (size: unknown) => boolean;
        };
        fullName: {
            type: StringConstructor;
            default: string;
        };
        clickable: {
            type: BooleanConstructor;
            default: boolean;
        };
        iconAriaLabel: {
            type: StringConstructor;
            default: undefined;
        };
    }>, {}, {
        AVATAR_SIZE_MODIFIERS: {
            xs: string;
            sm: string;
            md: string;
            lg: string;
            xl: string;
        };
        AVATAR_KIND_MODIFIERS: {
            default: string;
            icon: string;
            initials: string;
        };
        AVATAR_PRESENCE_SIZE_MODIFIERS: {
            md: string;
            lg: string;
        };
        AVATAR_ICON_SIZES: {
            xs: string;
            sm: string;
            md: string;
            lg: string;
            xl: string;
        };
        imageLoadedSuccessfully: null;
        formattedInitials: string;
        initializing: boolean;
        hasSlotContent: typeof import('../../..').hasSlotContent;
    }, {
        hasOverlayIcon(): any;
        iconDataQa(): "dt-avatar-icon";
        avatarClasses(): any[];
        overlayClasses(): (string | unknown[] | Record<string, any>)[];
        showGroup(): boolean;
        formattedGroup(): number | "99+" | undefined;
        validatedSize(): string;
        showImage(): string | false;
    }, {
        isIconType(): any;
        setImageListeners(): Promise<void>;
        formatInitials(): void;
        getColor(): any;
        _loadedImageEventHandler(el: any): void;
        _erroredImageEventHandler(el: any): void;
        validateProps(): void;
        handleClick(e: any): void;
    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
        id: {
            type: StringConstructor;
            default(): string;
        };
        seed: {
            type: StringConstructor;
            default: undefined;
        };
        color: {
            type: StringConstructor;
            default: undefined;
        };
        size: {
            type: StringConstructor;
            default: string;
            validator: (size: unknown) => boolean;
        };
        avatarClass: {
            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
            default: string;
        };
        canvasClass: {
            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
            default: string;
        };
        iconClass: {
            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
            default: string;
        };
        presence: {
            type: StringConstructor;
            default: string;
            validator: (state: unknown) => boolean;
        };
        presenceProps: {
            type: ObjectConstructor;
            default: () => {};
        };
        group: {
            type: NumberConstructor;
            default: undefined;
            validator: (group: unknown) => boolean;
        };
        overlayText: {
            type: StringConstructor;
            default: string;
        };
        overlayClass: {
            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
            default: string;
        };
        imageSrc: {
            type: StringConstructor;
            default: string;
        };
        imageAlt: {
            type: StringConstructor;
            default: undefined;
        };
        iconSize: {
            type: StringConstructor;
            default: string;
            validator: (size: unknown) => boolean;
        };
        fullName: {
            type: StringConstructor;
            default: string;
        };
        clickable: {
            type: BooleanConstructor;
            default: boolean;
        };
        iconAriaLabel: {
            type: StringConstructor;
            default: undefined;
        };
    }>> & Readonly<{
        onClick?: ((...args: any[]) => any) | undefined;
    }>, {
        id: string;
        presence: string;
        seed: string;
        color: string;
        size: string;
        avatarClass: string | unknown[] | Record<string, any>;
        canvasClass: string | unknown[] | Record<string, any>;
        iconClass: string | unknown[] | Record<string, any>;
        presenceProps: Record<string, any>;
        group: number;
        overlayText: string;
        overlayClass: string | unknown[] | Record<string, any>;
        imageSrc: string;
        imageAlt: string;
        iconSize: string;
        fullName: string;
        clickable: boolean;
        iconAriaLabel: string;
    }, {}, {
        DtPresence: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
            presence: {
                type: StringConstructor;
                default: string;
                validator: (role: unknown) => boolean;
            };
            srText: {
                type: StringConstructor;
                default: null;
            };
        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
            presence: {
                type: StringConstructor;
                default: string;
                validator: (role: unknown) => boolean;
            };
            srText: {
                type: StringConstructor;
                default: null;
            };
        }>> & Readonly<{}>, {
            presence: string;
            srText: string;
        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
    DtIconPause: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
        size: {
            type: StringConstructor;
            default: string;
            validator: (s: unknown) => boolean;
        };
        ariaLabel: {
            type: StringConstructor;
            default: undefined;
        };
    }>, {}, {}, {
        iconSizeClass(): any;
        ariaHidden(): "true" | "false";
        dataQA(): {};
    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
        size: {
            type: StringConstructor;
            default: string;
            validator: (s: unknown) => boolean;
        };
        ariaLabel: {
            type: StringConstructor;
            default: undefined;
        };
    }>> & Readonly<{
        onLoaded?: ((...args: any[]) => any) | undefined;
    }>, {
        size: string;
        ariaLabel: string;
    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export default _default;
//# sourceMappingURL=callbox.vue.d.ts.map