import React , { FunctionComponent } from 'react' ; import { TOOLTIP_LONG_DELAY_TIME } from '../../../lib/toolTipDelayTime' ; import { Tooltip } from '../../Rcui/Tooltip' ; import styles from './styles.scss' ; export interface CallSubjectProps { subject : string ; } export const CallSubject = ( { subject , } ) => { if ( ! subject ) return null ; return ( < div className = { styles . subject } > < Tooltip title = { subject } enterDelay = { TOOLTIP_LONG_DELAY_TIME } > < div className = { styles . matchName } data - sign = "matchName" > { subject } < /div> < /Tooltip> < /div>); } ;