import { SyntheticEvent } from 'react';
import { avatarSizeToIconSize } from './props';
/**
---
category: components
---
**/
declare const Avatar: import("react").ForwardRefExoticComponent<{
    name: string;
    src?: string;
    alt?: string;
    size?: keyof typeof avatarSizeToIconSize;
    color?: "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "ai";
    hasInverseColor?: boolean;
    showBorder?: "auto" | "always" | "never";
    shape?: "circle" | "rectangle";
    display?: "inline" | "block";
    margin?: import("@instructure/emotion").Spacing;
    onImageLoaded?: (event?: SyntheticEvent) => void;
    as?: import("@instructure/shared-types").AsElementType;
    elementRef?: (element: Element | null) => void;
    renderIcon?: import("@instructure/shared-types").Renderable;
} & {
    themeOverride?: import("@instructure/emotion").ThemeOverrideValue;
} & Omit<import("react").AllHTMLAttributes<{
    name: string;
    src?: string;
    alt?: string;
    size?: keyof typeof avatarSizeToIconSize;
    color?: "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "ai";
    hasInverseColor?: boolean;
    showBorder?: "auto" | "always" | "never";
    shape?: "circle" | "rectangle";
    display?: "inline" | "block";
    margin?: import("@instructure/emotion").Spacing;
    onImageLoaded?: (event?: SyntheticEvent) => void;
    as?: import("@instructure/shared-types").AsElementType;
    elementRef?: (element: Element | null) => void;
    renderIcon?: import("@instructure/shared-types").Renderable;
} & Element>, "dir" | keyof {
    name: string;
    src?: string;
    alt?: string;
    size?: keyof typeof avatarSizeToIconSize;
    color?: "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "ai";
    hasInverseColor?: boolean;
    showBorder?: "auto" | "always" | "never";
    shape?: "circle" | "rectangle";
    display?: "inline" | "block";
    margin?: import("@instructure/emotion").Spacing;
    onImageLoaded?: (event?: SyntheticEvent) => void;
    as?: import("@instructure/shared-types").AsElementType;
    elementRef?: (element: Element | null) => void;
    renderIcon?: import("@instructure/shared-types").Renderable;
}> & {
    dir?: "ltr" | "rtl";
} & import("react").RefAttributes<HTMLDivElement>>;
export default Avatar;
export { Avatar };
//# sourceMappingURL=index.d.ts.map