import React, { MouseEvent, ReactNode } from 'react';
import './Avatar.scss';
interface IAvatarProps {
    /**
     * Background image source
     */
    src?: string;
    /**
     * The property will show icon. This property will work when "src" is not specified.
     */
    icon?: string;
    /**
     * The property will show first two letters in upper case. This will work when "src" or "icon" are not specified.
     */
    children?: ReactNode;
    /**
     * Avatar size
     */
    size?: 'small' | 'default' | 'medium' | 'big';
    /**
     * Avatar color
     */
    color?: 'default' | 'green' | 'red';
    /**
     * Avatar shape
     */
    shape?: 'circle' | 'square';
    /**
     * Handle click event on avatar component((event: Event) => void 0).
     */
    onClick?: (event: MouseEvent) => void;
}
declare const Avatar: React.FC<IAvatarProps>;
export { IAvatarProps, Avatar as default };