import React, { useMemo } from "react"

export const useChatMessageBalloon = (onMouseEnter: React.MouseEventHandler<HTMLDivElement> | undefined, highlight: boolean | undefined) => {
    const balloonClassNames = useMemo(() => {
        const classNames = []
        if(!!onMouseEnter) classNames.push('is-interactive')
        if(!!highlight) classNames.push('is-highlight')
        return classNames.join(" ")
      }, [highlight, onMouseEnter])

      return {balloonClassNames}
}