import { FC, CSSProperties, MouseEventHandler, Component } from 'react'; export interface AvatarProps { component?: Component; fullname?: string; avatar?: string; size: 'small' | 'medium' | 'large'; className?: string; style?: CSSProperties; imageClassName?: string; imageStyle?: CSSProperties; isOnline?: boolean; } export interface AvatarComposition { Group: FC; } export interface GroupProps { users: AvatarProps[]; add: boolean; onAdd: MouseEventHandler; } export interface AddButtonProps { users: AvatarProps[]; onAdd: MouseEventHandler; }