import React from 'react' ; import { FormattedMessage , I18nProvider } from '@osd/i18n/react' ; import { EuiButton , EuiEmptyPrompt , EuiPage , EuiPageBody , EuiPageContent } from '@elastic/eui' ; interface Props { onRefresh : ( ) => void ; } export const DiscoverUninitialized = ( { onRefresh } ) => { return ( < I18nProvider > < EuiPage > < EuiPageBody > < EuiPageContent horizontalPosition = "center" > < EuiEmptyPrompt iconType = "discoverApp" title = { < h2 > < FormattedMessage id = "discover.uninitializedTitle" defaultMessage = "Start searching" / > < /h2>} body={<p> < FormattedMessage id = "discover.uninitializedText" defaultMessage = "Write a query, add some filters, or simply hit Refresh to retrieve results for the current query." / > < /p>} actions={<EuiButton color="primary" fill onClick={onRefresh}> < FormattedMessage id = "discover.uninitializedRefreshButtonText" defaultMessage = "Refresh data" / > < /EuiButton>}/ > < /EuiPageContent> < /EuiPageBody> < /EuiPage> < /I18nProvider>); } ;