import * as React from 'react' ; import { Text } from '@fluentui/react/lib/Text' ; import { Stack , IStackStyles } from '@fluentui/react/lib/Stack' ; import FieldInfoIcon from './FieldInfoIcon' ; import { ITemplateDatasetField } from '../../core/template/schema' ; export interface IDataFieldLabelProps { datasetField : ITemplateDatasetField ; } const stackStyles = { root : { minHeight : 32 } } ; const DataFieldLabel = ( props ) => { const { datasetField } = props ; return ( < Stack horizontal verticalAlign = 'center' styles = { stackStyles } > < Text > { datasetField . name } < /Text>{' '} < FieldInfoIcon description = { datasetField . description } / > < /Stack>); } ; export default DataFieldLabel ;