import { KottiAvatar } from './types';
export declare const KtAvatar: {
    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<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;
    }>, {
        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 import("@3yourmind/yoco").Yoco;
    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], import("vue").PublicProps, {
        isHoverable: boolean;
        name: string | null;
        size: "lg" | "md" | "sm" | KottiAvatar.Size;
        src: string | null;
    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, 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;
    }>, {
        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 import("@3yourmind/yoco").Yoco;
    }, {}, {}, {}, {
        isHoverable: boolean;
        name: string | null;
        size: "lg" | "md" | "sm" | KottiAvatar.Size;
        src: string | null;
    }>;
    __isFragment?: never;
    __isTeleport?: never;
    __isSuspense?: never;
} & import("vue").ComponentOptionsBase<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;
}>, {
    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 import("@3yourmind/yoco").Yoco;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", {
    isHoverable: boolean;
    name: string | null;
    size: "lg" | "md" | "sm" | KottiAvatar.Size;
    src: string | null;
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
    install: import("vue").FunctionPlugin<Record<string, never>>;
} & {
    meta: import("../types/kotti").Meta<import("zod").ZodObject<{
        isHoverable: import("zod").ZodDefault<import("zod").ZodBoolean>;
        name: import("zod").ZodDefault<import("zod").ZodNullable<import("zod").ZodString>>;
        size: import("zod").ZodDefault<import("zod").ZodUnion<[import("zod").ZodEnum<["lg" | "md" | "sm", ...("lg" | "md" | "sm")[]]>, import("zod").ZodNativeEnum<typeof KottiAvatar.Size>]>>;
        src: import("zod").ZodDefault<import("zod").ZodNullable<import("zod").ZodString>>;
    }, "strip", import("zod").ZodTypeAny, {
        isHoverable: boolean;
        name: string | null;
        size: "lg" | "md" | "sm" | KottiAvatar.Size;
        src: string | null;
    }, {
        isHoverable?: boolean | undefined;
        name?: string | null | undefined;
        size?: "lg" | "md" | "sm" | KottiAvatar.Size | undefined;
        src?: string | null | undefined;
    }>> & Record<string, unknown>;
};