/// import '../../yamui'; import * as React from 'react'; import { BaseComponentProps } from '../../util/BaseComponent/props'; import { AvatarSize } from './types'; import { BorderType } from '../Image/types'; import './Avatar.css'; export { BorderType, AvatarSize }; export interface AvatarProps extends BaseComponentProps { /** * Name of the person or object being represented. Will be used as accessible alt text. */ name: string; /** * Element to be used as badge. You can set its height and width to fill the available area. */ badgeContent?: React.ReactNode; /** * Short accessible description of the badge. Will be appended to name if provided. */ badgeDescription?: string; /** * Type of border around the avatar. * @default BorderType.ROUND */ borderType?: BorderType; /** * Image source URL. */ imageUrl?: string; /** * XLARGE: 72px, LARGE: 48px, MEDIUM: 40px, SMALL: 32px, XSMALL: 24px. * @default AvatarSize.MEDIUM */ size?: AvatarSize; /** * Will hide the image until it has loaded, then fade it in. * @default false */ imageShouldFadeIn?: boolean; } /** * An `Avatar` shows a thumbnail representation of both an individual or group. */ export default class Avatar extends React.Component { static defaultProps: Partial; render(): JSX.Element; private getAccessibleText(); private getClasses(); }