import * as React from "react";
import { type ImageLoadingStatus } from "../../lib/image-loading-status.js";
import type { AvatarImageFitProp, AvatarProp } from "../../props/components/data-display.prop.js";
export declare const Avatar: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
    asChild?: boolean;
} & Pick<AvatarProp, "appearance" | "presence" | "presenceLabel" | "shape" | "size"> & React.RefAttributes<HTMLSpanElement>>;
export declare const AvatarImage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & {
    asChild?: boolean;
    onLoadingStatusChange?: (status: ImageLoadingStatus) => void;
    /** `cover` (default) crops to fill; `contain` shows a logo or app icon whole (gh#1176). */
    fit?: AvatarImageFitProp;
} & React.RefAttributes<HTMLImageElement>>;
export declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
    asChild?: boolean;
    delayMs?: number;
} & React.RefAttributes<HTMLSpanElement>>;