import React , { FunctionComponent } from 'react' ; import { EuiFlexGroup , EuiFlexItem } from '@elastic/eui' ; import { NumericField } from '../../../../../../../shared_imports' ; import { UseField } from '../../../../form' ; import { ROLLOVER_FORM_PATHS } from '../../../../constants' ; export const MaxDocumentCountField = ( ) => { return ( < EuiFlexGroup alignItems = "flexStart" gutterSize = "s" > < EuiFlexItem style = { { maxWidth : 400 } } > < UseField path = { ROLLOVER_FORM_PATHS . maxDocs } component = { NumericField } componentProps = { { euiFieldProps : { 'data-test-subj' : `hot-selectedMaxDocuments` , min : 1 , } , } } /> < /EuiFlexItem> < /EuiFlexGroup>); } ;