import { EuiModalBody , EuiModalHeader , EuiModalHeaderTitle } from '@elastic/eui' ; import { FormattedMessage } from '@kbn/i18n-react' ; import React from 'react' ; import { SourcePicker , SourcePickerProps } from './source_picker' ; export function SourceModal ( props ) { return ( < div className = "gphSourceModal" > < EuiModalHeader > < EuiModalHeaderTitle > < FormattedMessage id = "xpack.graph.sourceModal.title" defaultMessage = "Select a data source" / > < /EuiModalHeaderTitle> < /EuiModalHeader> < EuiModalBody > < SourcePicker { ... props } / > < /EuiModalBody> < /div>); }