import { MjoAvatarColor, MjoAvatarRadius, MjoAvatarSize } from "./types/mjo-avatar.js";
import { LitElement, PropertyValues } from "lit";
import { type IThemeMixin } from "./mixins/theme-mixin.js";
declare const MjoAvatar_base: import("./types/mixins.js").MixinConstructor<IThemeMixin> & typeof LitElement;
/**
 * @summary Configurable avatar component for displaying user images, initials, or fallback icons with multiple sizes, shapes, and colors.
 *
 * @description The mjo-avatar component provides a comprehensive solution for displaying user avatars
 * with intelligent fallback handling, automatic color generation, and extensive customization options.
 * It supports multiple display modes, interactive behavior, and full accessibility compliance.
 *
 * @fires mjo-avatar:click - Fired when the avatar is clicked (only when clickable is true)
 * @fires mjo-avatar:error - Fired when the image fails to load
 *
 * @csspart container - The main avatar container element
 * @csspart image-container - The image/content container
 * @csspart image - The actual image element (when using src)
 * @csspart icon - The fallback icon element (via exportparts)
 */
export declare class MjoAvatar extends MjoAvatar_base implements IThemeMixin {
    #private;
    bordered: boolean;
    disabled: boolean;
    clickable: boolean;
    nameColoured: boolean;
    fallbackIcon?: string;
    alt?: string;
    color: MjoAvatarColor;
    name?: string;
    radius: MjoAvatarRadius;
    size: MjoAvatarSize;
    src?: string;
    value?: string;
    ariaDescribedby?: string;
    private error;
    private $container;
    render(): import("lit-html").TemplateResult<1>;
    protected firstUpdated(_changedProperties: PropertyValues<this>): void;
    protected updated(_changedProperties: PropertyValues<this>): void;
    click(): void;
    static styles: import("lit").CSSResult[];
}
declare global {
    interface HTMLElementTagNameMap {
        "mjo-avatar": MjoAvatar;
    }
    interface HTMLElementEventMap {
        "mjo-avatar:click": CustomEvent<{
            value: string;
        }>;
        "mjo-avatar:error": CustomEvent<{
            message: string;
        }>;
    }
}
export {};
//# sourceMappingURL=mjo-avatar.d.ts.map