import React , { FC } from 'react' ; import { EuiToolTip } from '@elastic/eui' ; const MAX_CHARS = 12 ; export const DisplayValue = ( { value } ) => { const length = String ( value ) . length ; if ( length <= MAX_CHARS ) { return < b > { value } < /b>; } else { return ( < EuiToolTip content = { value } anchorClassName = "valueWrapper" > < b > { value } < /b> < /EuiToolTip>); } } ;