import React , { FunctionComponent } from 'react' ; import { RcTooltip , RcTooltipProps } from '@ringcentral/juno' ; import styles from './styles.scss' ; interface ExtendedTooltipProps { hasScrollBar : boolean ; } export const ExtendedTooltip = ( { hasScrollBar , children , ... res } ) => { const isMac = navigator . platform . includes ( 'Mac' ) ; return ( < RcTooltip classes = { { popper : isMac || ! hasScrollBar ? styles . popper : styles . popperOfWin , tooltip : styles . tooltip , } } placement = "bottom" { ... res } > { children } < /RcTooltip>); } ;