Clickable Avatar

[healtheloper]

예상 동작

Avatar hover 시 말풍선 생성 -> 말풍선? 컴포넌트 필요
ex) 말풍선 배경색상 변경 가능, 컴포넌트 합성 가능, Popover 되는 위치 변경 가능 (왼오위아래)

onClick prop 들어갈 시 cursor css 변경

Interface

type PopoverPositions = "top" | "bottom" | "left" | "right";
type Popover = ReactElement | string

<Avatar 
  onClick={...} 
  popover={<FlexBox>~~</FlexBox>} 
  popoverProps={{position:"top", backgroundColor: theme.palette.bgColor }} 
/>