import * as React from 'react';


interface AvatarProps {
  slot?: string;
  id?: string | number;
  className?: string;
  style?: React.CSSProperties;
  online ?: boolean;
  story ?: boolean;
  size ?: 24 | 48 | 56 | 96 | 120;
  src ?: any;
  ref?: React.MutableRefObject<{el: HTMLElement | null}>;
  onClick?: (event?: any) => void;
  avatarColor?: 'blue-lblue'| 'green-lgreen' | 'orange-red' | 'pink-lpurple' | 'lblue-teal' | 'lgreen-yellow' | 'purple-blue' | 'pink-lpink' | 'teal-green' | 'yellow-orange' | 'lpurple-purple' | 'lred-lpink';
  children?: React.ReactNode;
}
declare const Avatar: React.FunctionComponent<AvatarProps>;

export default Avatar;