import React from 'react' ; import { TooltipHost , ITooltipHostStyles , ITooltipHostProps , mergeStyleSets } from '@fluentui/react' ; const calloutProps = { gapSpace : 0 } ; const hostStyles = { root : { display : 'inline-block' } } ; private export const ControlButtonTooltip = ( props ) : JSX . Element => { return ( < TooltipHost { ... props } data - ui - id = { props . id } calloutProps = { { ... calloutProps , ... props . calloutProps } } styles = { mergeStyleSets ( hostStyles , props . styles ) } > { props . children } < /TooltipHost>); } ;