import type { JSX, ValidComponent } from "@solidjs/web";
import type { BaseUIComponentProps } from "../../internals/types.js";
import { type TransitionStatus } from "../../internals/use-transition-status/use-transition-status.js";
import { type ImageLoadingStatus } from "../avatar-root-context.js";
import type { AvatarRootState } from "../root/avatar-root.js";
export interface AvatarImageState extends AvatarRootState {
    /**
     * The transition status of the component. Mirrors Base UI React's
     * `AvatarImageState.transitionStatus` — drives `data-starting-style` /
     * `data-ending-style` during animated mount / unmount.
     */
    transitionStatus: TransitionStatus;
}
export interface AvatarImageProps extends BaseUIComponentProps<"img", AvatarImageState> {
    /** Tag/component to render. Defaults to `"img"`. */
    as?: ValidComponent;
    /** Callback fired when the loading status changes. */
    onLoadingStatusChange?: ((status: ImageLoadingStatus) => void) | undefined;
}
/**
 * The image to be displayed in the avatar. Renders an `<img>` element.
 *
 * Mount/unmount is driven by {@link useTransitionStatus}: the element mounts
 * as soon as the standalone probe reports `loaded`, and stays mounted (with
 * `data-ending-style`) on unload until any CSS transitions / animations
 * settle — matching Base UI React's
 * `useTransitionStatus` + `useOpenChangeComplete` composition.
 */
export declare function AvatarImage(props: AvatarImageProps): JSX.Element;
//# sourceMappingURL=avatar-image.d.ts.map