import { Yoco } from '@3yourmind/yoco';
import { KottiAvatar } from './types';
declare const _default: typeof __VLS_export;
export default _default;
declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    isHoverable: Omit<import("vue").Prop<boolean>, "type" | "default" | "required"> & {
        required: false;
        type: import("vue").PropType<boolean>;
    } & {
        default: () => boolean;
    };
    name: Omit<import("vue").Prop<string | null>, "type" | "default" | "required"> & {
        required: false;
        type: import("vue").PropType<string | null>;
    } & {
        default: () => string | null;
    };
    size: Omit<import("vue").Prop<"lg" | "md" | "sm" | KottiAvatar.Size>, "type" | "default" | "required"> & {
        required: false;
        type: import("vue").PropType<"lg" | "md" | "sm" | KottiAvatar.Size>;
    } & {
        default: () => "lg" | "md" | "sm" | KottiAvatar.Size;
    };
    src: Omit<import("vue").Prop<string | null>, "type" | "default" | "required"> & {
        required: false;
        type: import("vue").PropType<string | null>;
    } & {
        default: () => string | null;
    };
}>, {
    avatarAvailable: import("vue").ComputedRef<boolean | "" | null>;
    avatarClasses: import("vue").ComputedRef<{
        'kt-avatar': boolean;
        'kt-avatar--is-hoverable': boolean;
        'kt-avatar--is-size-large': boolean;
        'kt-avatar--is-size-medium': boolean;
        'kt-avatar--is-size-small': boolean;
    }>;
    avatarFallback: import("vue").Ref<boolean, boolean>;
    onAvatarContainerClick(event: MouseEvent): void;
    onImageFailedToLoad: () => void;
    Yoco: typeof Yoco;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    isHoverable: Omit<import("vue").Prop<boolean>, "type" | "default" | "required"> & {
        required: false;
        type: import("vue").PropType<boolean>;
    } & {
        default: () => boolean;
    };
    name: Omit<import("vue").Prop<string | null>, "type" | "default" | "required"> & {
        required: false;
        type: import("vue").PropType<string | null>;
    } & {
        default: () => string | null;
    };
    size: Omit<import("vue").Prop<"lg" | "md" | "sm" | KottiAvatar.Size>, "type" | "default" | "required"> & {
        required: false;
        type: import("vue").PropType<"lg" | "md" | "sm" | KottiAvatar.Size>;
    } & {
        default: () => "lg" | "md" | "sm" | KottiAvatar.Size;
    };
    src: Omit<import("vue").Prop<string | null>, "type" | "default" | "required"> & {
        required: false;
        type: import("vue").PropType<string | null>;
    } & {
        default: () => string | null;
    };
}>> & Readonly<{
    onClick?: ((...args: any[]) => any) | undefined;
}>, {
    isHoverable: boolean;
    name: string | null;
    size: "lg" | "md" | "sm" | KottiAvatar.Size;
    src: string | null;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;