import React , { memo , FC } from 'react' ; import { i18n } from '@kbn/i18n' ; import { EuiFormRow } from '@elastic/eui' ; export const Description = memo ( ( { children } ) => { const title = i18n . translate ( 'xpack.ml.newJob.wizard.datafeedStep.query.title' , { defaultMessage : 'Elasticsearch query' , } ) ; return ( < EuiFormRow label = { title } describedByIds = { [ 'description' ] } fullWidth = { true } > < > { children } < /> < /EuiFormRow>); } ) ;