import React from 'react' ; import { EuiButton , EuiEmptyPrompt } from '@elastic/eui' ; import { i18n } from '@kbn/i18n' ; import { SEARCH_UI_DOCS_URL } from '../../../routes' ; export const EmptyState = ( ) => ( < EuiEmptyPrompt iconType = "search" title = { < h2 > { i18n . translate ( 'xpack.enterpriseSearch.appSearch.engine.searchUI.empty.title' , { defaultMessage : 'Add documents to generate a Search UI' , } ) } < /h2>} body={<p> { i18n . translate ( 'xpack.enterpriseSearch.appSearch.engine.searchUI.empty.description' , { defaultMessage : 'A schema will be automatically created for you after you index some documents.' , } ) } < /p>} actions={<EuiButton size="s" target="_blank" iconType="popout" href={SEARCH_UI_DOCS_URL}> { i18n . translate ( 'xpack.enterpriseSearch.appSearch.engine.searchUI.empty.buttonLabel' , { defaultMessage : 'Read the Search UI guide' , } ) } < /EuiButton>}/ > ) ;