/// <reference types="react" />
import { SerializedStyles } from "@emotion/react";
export interface AvatarProps {
    /**
     * Avatar image source, should be a HTMLImageElement src
     */
    avatar?: string;
    /**
     * @deprecated default is false
     */
    isOuter?: boolean;
    /**
     * @deprecated default is false
     */
    isMiddle?: boolean;
    /**
     * Control whether to show edit icon above avatar, default is false
     */
    isInner?: boolean;
    /**
     * only works when isInner is true
     */
    imageLoading?: boolean;
    /**
     * Callback when click on the avatar
     */
    onClick?: () => void;
    /**
     * only works when isInner is true
     */
    onClickEdit?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
    /**
     * Custom root css styles
     */
    cssStyles?: SerializedStyles;
    /**
     * Root className
     */
    className?: string;
    /**
     * Root css styles
     */
    style?: React.CSSProperties;
}
export declare const Avatar: React.FC<AvatarProps>;
