import { TJoyAvatarSizes } from './JoyAvatar.types';
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
    size?: TJoyAvatarSizes | undefined;
    /** Display the initials based on Firstname and Lastname */
    fullName?: string | undefined;
    /** Pass a photo URL that will be displayed over the fullname */
    photoUrl?: string | undefined;
    /** In a big avatar list, you may have to say "there are still XYZ more avatars". Use this to display the amount. */
    totalNumber?: number | undefined;
    /** No functional purpose here. Only style. You need to trigger router change manually, depending on the framework you use. */
    link?: boolean | undefined;
    /** Use it to display "strategy" tag. */
    profile?: "default" | "strategy" | undefined;
    /** Only applied if you set a photoUrl */
    loading?: "lazy" | "eager" | undefined;
    /** Basic state with no information */
    isEmpty?: boolean | undefined;
    /** Placeholder icon is no photo is given, and showLetters is set to false */
    placeholder?: import("@maltjoy/icons").JoyIconsId | undefined;
    /** If no photo is given and this parameter is set to false, it will directly display the placeholder icon */
    showLetters?: boolean | undefined;
}, {
    isAnonymous: import("vue").ComputedRef<boolean>;
    initials: import("vue").ComputedRef<string>;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
    click: () => any;
}, string, import("vue").PublicProps, Readonly<{
    size?: TJoyAvatarSizes | undefined;
    /** Display the initials based on Firstname and Lastname */
    fullName?: string | undefined;
    /** Pass a photo URL that will be displayed over the fullname */
    photoUrl?: string | undefined;
    /** In a big avatar list, you may have to say "there are still XYZ more avatars". Use this to display the amount. */
    totalNumber?: number | undefined;
    /** No functional purpose here. Only style. You need to trigger router change manually, depending on the framework you use. */
    link?: boolean | undefined;
    /** Use it to display "strategy" tag. */
    profile?: "default" | "strategy" | undefined;
    /** Only applied if you set a photoUrl */
    loading?: "lazy" | "eager" | undefined;
    /** Basic state with no information */
    isEmpty?: boolean | undefined;
    /** Placeholder icon is no photo is given, and showLetters is set to false */
    placeholder?: import("@maltjoy/icons").JoyIconsId | undefined;
    /** If no photo is given and this parameter is set to false, it will directly display the placeholder icon */
    showLetters?: boolean | undefined;
}> & Readonly<{
    onClick?: (() => any) | undefined;
}>, {
    size: TJoyAvatarSizes;
    profile: "default" | "strategy";
    loading: "lazy" | "eager";
    isEmpty: boolean;
    placeholder: import("@maltjoy/icons").JoyIconsId;
    showLetters: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, Readonly<{
    /** Inject the image here. Use any Nuxt or custom wrapper to better handle performances. */
    default(): any;
}> & {
    /** Inject the image here. Use any Nuxt or custom wrapper to better handle performances. */
    default(): any;
}>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
    new (): {
        $slots: S;
    };
};