import { Form } from 'react-bootstrap' ; import * as React from 'react' ; import { FormGroup } from './FormGroup' ; export const InlineTextGroup = ( { onBlur = ( ) => { } , id , label , placeHolderText , tooltipHeader , tooltipText , value , disabled = false , onChange = ( ) => { } , touched = false , error = undefined , subText , isNumber = false } ) : JSX . Element => { return ( < FormGroup id = { id } label = { label } tooltipHeader = { tooltipHeader } tooltipText = { tooltipText } touched = { touched } error = { error } > < Form . Control onBlur = { ( ) => { onBlur ( ) ; } } disabled = { disabled } autoComplete = "off" type = { isNumber ? 'number' : 'text' } value = { value } placeholder = { placeHolderText } onChange = { onChange } / > < Form . Text className = "text-muted" > { subText } < /Form.Text> < /FormGroup>); } ;