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

/**
 * MpAvatarGroup used to combines multiple avatars into a stack.
 */
declare const MpAvatarGroup: vue.DefineComponent<{
    id: {
        type: vue.PropType<string | undefined>;
    };
    size: {
        type: vue.PropType<AvatarSize | undefined>;
        default: string;
    };
    max: {
        type: vue.PropType<number | undefined>;
        default: number;
    };
    spacing: {
        type: vue.PropType<number | undefined>;
        default: number;
    };
    borderColor: {
        type: vue.PropType<string | undefined>;
    };
}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "click"[], "click", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
    id: {
        type: vue.PropType<string | undefined>;
    };
    size: {
        type: vue.PropType<AvatarSize | undefined>;
        default: string;
    };
    max: {
        type: vue.PropType<number | undefined>;
        default: number;
    };
    spacing: {
        type: vue.PropType<number | undefined>;
        default: number;
    };
    borderColor: {
        type: vue.PropType<string | undefined>;
    };
}>> & {
    onClick?: ((...args: any[]) => any) | undefined;
}, {
    size: AvatarSize | undefined;
    spacing: number | undefined;
    max: number | undefined;
}, {}>;

export { MpAvatarGroup };