import { Avatar } from "antd" ; import React , { ReactElement } from "react" ; import nameToRGB from "../../utils/ColorUtils" ; import getInitialsFromName from "../../utils/NameUtils" ; type AvatarWithInitalsProps = { name : string ; fontSize ? : number ; style ? : any ; [ x ] : any ; } ; export default function AvatarWithInitals ( { name , fontSize , style , ... props } ) { return ( < Avatar style = { { backgroundColor : name ? nameToRGB ( name ) : "#1abc9c" , fontSize , ... style , } } { ... props } > { getInitialsFromName ( name ) } < /Avatar>); }