import { JSX } from 'react';
import { presets } from './Avatar.utils';
type SrcPreset = keyof typeof presets;
type SrcUrl = string & {};
export interface AvatarProps {
    /**
     * Image URL
     */
    src: SrcPreset | SrcUrl | null | undefined;
    /**
     * Alt text
     */
    alt: string;
    /**
     * Specify `none` to remove border
     */
    border?: "none";
    /**
     * Image shape
     * @default "rounded"
     */
    shape?: "rounded" | "circle";
    /**
     * Image size
     * (x-small: 32px, small: 48px, normal: 58px, large: 72px)
     * @default "normal"
     */
    size?: "x-small" | "small" | "normal" | "large";
    /**
     * Image class
     */
    className?: string;
}
/**
 * This component renders as `<img>` using different shapes and sizes. It is mostly used to show an SKU image or a 3rd-party icon.
 */
export declare function Avatar({ src, alt, border, shape, size, className, ...rest }: AvatarProps): JSX.Element;
export declare namespace Avatar {
    var displayName: string;
}
export {};