import { ComponentPropsWithRef } from 'react';
import { TooltipProps } from '../Tooltip/Tooltip';
export type HTMLAvatarProps = ComponentPropsWithRef<'button'> & ComponentPropsWithRef<'a'> & ComponentPropsWithRef<'span'>;
export type AvatarProps = HTMLAvatarProps & {
    fullName: string;
    borderColor?: string;
    ccMargin?: string;
    /** `group` renders a box shadow around avatar to separate it from its background. See [AvatarGroup](../?path=/docs/avatargroup). */
    design?: 'normal' | 'group';
    /** Renders as a link */
    href?: string;
    iconName?: string;
    imageSrc?: string;
    initials?: string;
    /** Renders as a button */
    onClick?: undefined | (() => void);
    size?: number | 'xsmall' | 'small' | 'medium' | 'large';
    /** @deprecated - use `data-testid` */
    testId?: string;
    tooltip?: Readonly<{
        shouldShow?: boolean;
        placement?: TooltipProps['placement'];
    }>;
};
export declare const Avatar: import('react').ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
export default Avatar;