import React from 'react' ; import { EuiDescribedFormGroup , EuiSelectOption , EuiFormRow , } from '@elastic/eui' ; import { SelectWithPlaceholder } from '../../../../../shared/select_with_placeholder' ; interface Props { title : string ; description : string ; fieldLabel : string ; isLoading : boolean ; options ? : EuiSelectOption [ ] ; value ? : string ; disabled : boolean ; onChange : ( event : React . ChangeEvent < HTMLSelectElement > ) => void ; } export function FormRowSelect ( { title , description , fieldLabel , isLoading , options , value , disabled , onChange , } ) { return ( < EuiDescribedFormGroup fullWidth title = { < h3 > { title } < /h3>} description={description}> < EuiFormRow label = { fieldLabel } > < SelectWithPlaceholder isLoading = { isLoading } options = { options } value = { value } disabled = { disabled } onChange = { onChange } / > < /EuiFormRow> < /EuiDescribedFormGroup>); }