import React from 'react';
import type { ResponsiveValue } from '../hooks/useResponsiveValue';
export declare const DEFAULT_AVATAR_SIZE = 20;
export type AvatarProps = {
    /** Sets the width and height of the avatar. */
    size?: number | ResponsiveValue<number>;
    /** Sets the shape of the avatar to a square if true. If false, the avatar will be circular. */
    square?: boolean;
    /** URL of the avatar image. */
    src: string;
    /** Provide alt text when the Avatar is used without the user's name next to it. */
    alt?: string;
    /** Additional class name. */
    className?: string;
} & React.ComponentPropsWithoutRef<'img'>;
declare const Avatar: React.ForwardRefExoticComponent<{
    /** Sets the width and height of the avatar. */
    size?: number | ResponsiveValue<number>;
    /** Sets the shape of the avatar to a square if true. If false, the avatar will be circular. */
    square?: boolean;
    /** URL of the avatar image. */
    src: string;
    /** Provide alt text when the Avatar is used without the user's name next to it. */
    alt?: string;
    /** Additional class name. */
    className?: string;
} & Omit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
export default Avatar;
//# sourceMappingURL=Avatar.d.ts.map