import { EventEmitter } from "../../stencil-public-runtime";
export type SwirlAvatarBadgePosition = "bottom" | "top";
export type SwirlAvatarLoading = "lazy" | "auto" | "eager" | "intersecting";
export type SwirlAvatarToolPosition = "bottom" | "top";
export type SwirlAvatarColor = "banana" | "blueberry" | "chilli" | "grape" | "kiwi" | "neutral" | "pumpkin" | "radish";
export type SwirlAvatarSize = "3xs" | "2xs" | "xs" | "s" | "m" | "l" | "xl" | "2xl";
export type SwirlAvatarVariant = "round" | "square";
/**
 * @slot tool - Used to show a badge or (icon) button on the avatar.
 */
export declare class SwirlAvatar {
    element: HTMLElement;
    badge?: string;
    badgePosition?: SwirlAvatarBadgePosition;
    color?: SwirlAvatarColor;
    icon?: string;
    initials?: string;
    interactive?: boolean;
    label: string;
    loading?: SwirlAvatarLoading;
    showLabel?: boolean;
    size?: SwirlAvatarSize;
    src?: string;
    toolPosition?: SwirlAvatarToolPosition;
    variant?: SwirlAvatarVariant;
    loadingError: boolean;
    loaded: boolean;
    imageAvailable: boolean | undefined;
    inViewport: boolean;
    imageError: EventEmitter<void>;
    imageLoad: EventEmitter<void>;
    private componentLoaded;
    private imgEl;
    private intersectionObserver;
    componentDidLoad(): void;
    connectedCallback(): void;
    disconnectedCallback(): void;
    watchSrcProp(): void;
    private setupIntersectionObserver;
    private onVisibilityChange;
    private onImageElementUpdate;
    private setImageAvailable;
    private setImageUnavailable;
    private onKeydown;
    private onKeyup;
    render(): any;
}