import React from 'react' ; import { EuiEmptyPrompt , EuiButton } from '@elastic/eui' ; import { i18n } from '@kbn/i18n' ; import { META_ENGINES_DOCS_URL } from '../../../routes' ; export const EmptyMetaEnginesState = ( ) => ( < EuiEmptyPrompt title = { < h3 > { i18n . translate ( 'xpack.enterpriseSearch.appSearch.engines.metaEngines.emptyPromptTitle' , { defaultMessage : 'Create your first meta engine' , } ) } < /h3>} titleSize="s" body={<p> { i18n . translate ( 'xpack.enterpriseSearch.appSearch.engines.metaEngines.emptyPromptDescription' , { defaultMessage : 'Meta engines allow you to combine multiple engines into one searchable engine.' , } ) } < /p>} actions={<EuiButton size="s" target="_blank" iconType="popout" href={META_ENGINES_DOCS_URL}> { i18n . translate ( 'xpack.enterpriseSearch.appSearch.engines.metaEngines.emptyPromptButtonLabel' , { defaultMessage : 'Learn more about meta engines' } ) } < /EuiButton>}/ > ) ;