import * as vue_jsx_runtime from 'vue/jsx-runtime';
import * as vue from 'vue';
import { AvatarSize, AvatarVariant, AvatarVariantColor } from './modules/avatar.types.mjs';
import '@mekari/pixel3-utils';

/**
 * MpAvatar component used to display profile image, initial or fallback icon.
 */
declare const MpAvatar: vue.DefineComponent<{
    id: {
        type: vue.PropType<string | undefined>;
    };
    name: {
        type: vue.PropType<string | undefined>;
        default: string;
    };
    size: {
        type: vue.PropType<AvatarSize | undefined>;
        default: string;
    };
    variant: {
        type: vue.PropType<AvatarVariant | undefined>;
        default: string;
    };
    variantColor: {
        type: vue.PropType<AvatarVariantColor | undefined>;
    };
    hasBorder: {
        type: vue.PropType<boolean | undefined>;
        default: boolean;
    };
    borderColor: {
        type: vue.PropType<string | undefined>;
    };
    src: {
        type: vue.PropType<string | undefined>;
    };
    icon: {
        type: vue.PropType<string | undefined>;
    };
    iconVariant: {
        type: vue.PropType<string | undefined>;
    };
    iconColor: {
        type: vue.PropType<string | undefined>;
    };
    spacing: {
        type: vue.PropType<number | undefined>;
        default: number;
    };
}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("click" | "load" | "error")[], "click" | "load" | "error", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
    id: {
        type: vue.PropType<string | undefined>;
    };
    name: {
        type: vue.PropType<string | undefined>;
        default: string;
    };
    size: {
        type: vue.PropType<AvatarSize | undefined>;
        default: string;
    };
    variant: {
        type: vue.PropType<AvatarVariant | undefined>;
        default: string;
    };
    variantColor: {
        type: vue.PropType<AvatarVariantColor | undefined>;
    };
    hasBorder: {
        type: vue.PropType<boolean | undefined>;
        default: boolean;
    };
    borderColor: {
        type: vue.PropType<string | undefined>;
    };
    src: {
        type: vue.PropType<string | undefined>;
    };
    icon: {
        type: vue.PropType<string | undefined>;
    };
    iconVariant: {
        type: vue.PropType<string | undefined>;
    };
    iconColor: {
        type: vue.PropType<string | undefined>;
    };
    spacing: {
        type: vue.PropType<number | undefined>;
        default: number;
    };
}>> & {
    onLoad?: ((...args: any[]) => any) | undefined;
    onError?: ((...args: any[]) => any) | undefined;
    onClick?: ((...args: any[]) => any) | undefined;
}, {
    name: string | undefined;
    size: AvatarSize | undefined;
    variant: AvatarVariant | undefined;
    hasBorder: boolean | undefined;
    spacing: number | undefined;
}, {}>;

export { MpAvatar };