import * as React from "react";
import type { AvatarProp } from "../../props/components/data-display.prop.js";
/**
 * Trạng thái tải của ảnh trong avatar — chia sẻ giữa `AvatarImage` và
 * `AvatarFallback` qua context, đúng như Radix làm.
 *
 * React Aria KHÔNG có avatar, nên đây là việc TỰ DỰNG. Nhưng phần cần dựng lại
 * không phải cái vỏ `<span>` — mà là logic thật mà `@radix-ui/react-avatar` cầm:
 * ảnh chỉ được vẽ khi đã tải XONG, fallback chỉ được vẽ khi ảnh CHƯA xong hoặc
 * HỎNG, và `delayMs` giữ fallback im lặng đủ lâu để mạng nhanh không kịp nháy
 * một khung initials trước khi ảnh về.
 *
 * Phép dò là một `new Image()` RỜI, không phải `onLoad`/`onError` trên chính
 * thẻ được vẽ: thẻ chỉ tồn tại khi đã `loaded`, nên handler trên nó không bao
 * giờ có cơ hội báo "đang tải" hay "hỏng". Đây cũng là lý do một `<img>` hỏng
 * không bao giờ nằm trong DOM để trình duyệt vẽ biểu tượng ảnh vỡ lên trên
 * fallback.
 */
type ImageLoadingStatus = "idle" | "loading" | "loaded" | "error";
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;
} & React.RefAttributes<HTMLImageElement>>;
export declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
    asChild?: boolean;
    delayMs?: number;
} & React.RefAttributes<HTMLSpanElement>>;
export {};