
import { ImagePropsWithImgProps } from "../../../types/dist/index.js";
import { UniversalAvatarImageProps } from "../../../tokens/types.js";
import "../../../tokens/index.js";
import { AvatarIconProps } from "./AvatarIcon.js";
import { AvatarTextProps } from "./AvatarText.js";
import * as react_jsx_runtime0 from "react/jsx-runtime";

//#region src/components/client/Avatar/AvatarImage.d.ts
type DataAttributes = {
  [name: `data-${string}`]: string;
};
interface AvatarImageProps extends UniversalAvatarImageProps {
  /** Props to be passed into various slots within the component. */
  slotProps?: {
    image?: Partial<Omit<ImagePropsWithImgProps, 'src' | 'srcSet' | 'alt' | 'className' | 'height' | 'width'> & DataAttributes>;
  } & AvatarIconProps['slotProps'] & AvatarTextProps['slotProps'];
}
/**
 * **AvatarImage Component**
 *
 * Renders an Avatar with an image. If the image fails to load, it falls back first to
 * a text representation (if a name or initials are provided) and then to an icon.
 *
 * @param props - Props for image variant.
 * @returns The AvatarImage element.
 */
declare const AvatarImage: {
  ({
    size,
    variant,
    src,
    srcSet,
    customSize,
    alt,
    abbreviationStrategy,
    fallback,
    className,
    imageProps,
    slotProps,
    ...props
  }: AvatarImageProps): react_jsx_runtime0.JSX.Element;
  displayName: string;
};
//#endregion
export { AvatarImage, type AvatarImageProps };