import Tooltip from '@material-ui/core/Tooltip' ; import * as React from 'react' ; import { IEditableValueCellProps } from './EditableValueCell' ; import { Field } from './Field' ; export const TooltipedField = ( { message , ... props } ) => { const { classes } = props ; return ( < Tooltip enterDelay = { 500 } classes = { { tooltip : classes . tooltip } } placement = 'left' title = { message } > < span style = { { width : '100%' } } > < Field { ... props } / > < /span> < /Tooltip>); } ;