import React from 'react'; import { Props } from '../../../common'; declare enum AvatarStatusDotColor { Indigo = "indigo", Blue = "blue", Green = "green", Orange = "orange", Red = "red", Neutral = "neutral", Cyan = "cyan", Dark = "dark" } export interface IAvatarProps { /** Size of the avatar */ size?: Props.AvatarSize; /** Initials to display if no valid `imageUrl` or `imageData` is passed to Avatar */ initials?: string | null; /** Text for the black, transparent overlay (both Label and Icon have to be present for the overlay to render) */ hoverLabel?: string; /** Label for the black, transparent overlay (both Label and Icon have to be present for the overlay to render) */ hoverIcon?: string; /** Handle the component click (If the function is not present, cursor and border effects will not appear on hover) */ handleClick?: (event: React.MouseEvent) => void; /** Image URL */ imageUrl?: string | null; /** Image blob data */ imageData?: string | null; /** Alt for accessibility */ alt?: string; /** Display a coloured status dot on the avatar */ statusDot?: AvatarStatusDotColor | 'primary' | 'secondary' | 'success' | 'warning' | 'alert' | 'neutral' | 'highlight' | 'dark'; /** Display an icon component on the avatar */ statusIcon?: JSX.Element; className?: string; /** The component context */ componentContext?: string; } export interface IAvatarState { showInitials: boolean; } declare class Avatar extends React.Component> { static StatusDotColor: typeof AvatarStatusDotColor; static defaultProps: IAvatarProps; state: IAvatarState; constructor(props: IAvatarProps); componentDidUpdate(prevProps: IAvatarProps): void; render(): JSX.Element | null; protected hasImage: (props: IAvatarProps) => boolean; private handleAvatarClick; private get hoverDom(); private get avatarContent(); private get picture(); private get statusDot(); private get statusIcon(); } export { Avatar, AvatarStatusDotColor };