@base-ui/react/avatar/image/AvatarImage.d.ts

Base UI is a library of headless ('unstyled') React components and low-level hooks. You gain complete control over your app's CSS and accessibility features.

import * as React from 'react';
import { BaseUIComponentProps } from "../../utils/types.js";
import type { AvatarRoot } from "../root/AvatarRoot.js";
import { type TransitionStatus } from "../../utils/useTransitionStatus.js";
import { ImageLoadingStatus } from "./useImageLoadingStatus.js";
/**
 * The image to be displayed in the avatar.
 * Renders an `<img>` element.
 *
 * Documentation: [Base UI Avatar](https://base-ui.com/react/components/avatar)
 */
export declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarImageProps, "ref"> & React.RefAttributes<HTMLImageElement>>;
export interface AvatarImageState extends AvatarRoot.State {
  transitionStatus: TransitionStatus;
}
export interface AvatarImageProps extends BaseUIComponentProps<'img', AvatarImage.State> {
  /**
   * Callback fired when the loading status changes.
   */
  onLoadingStatusChange?: ((status: ImageLoadingStatus) => void) | undefined;
}
export declare namespace AvatarImage {
  type State = AvatarImageState;
  type Props = AvatarImageProps;
}