import { EuiEmptyPrompt } from '@elastic/eui' ; import { i18n } from '@kbn/i18n' ; import React from 'react' ; import { CreateCustomLinkButton } from './CreateCustomLinkButton' ; export function EmptyPrompt ( { onCreateCustomLinkClick , } ) { return ( < EuiEmptyPrompt data - test - subj = "customLinksEmptyPrompt" iconType = "link" iconColor = "" title = { < h2 > { i18n . translate ( 'xpack.apm.settings.customLink.emptyPromptTitle' , { defaultMessage : 'No links found.' , } ) } < /h2>} body={<> < p > { i18n . translate ( 'xpack.apm.settings.customLink.emptyPromptText' , { defaultMessage : "Let's change that! You can add custom links to the Actions context menu by the transaction details for each service. Create a helpful link to your company's support portal or open a new bug report. Learn more about it in our docs." , } ) } < /p> < />} actions={<CreateCustomLinkButton onClick={onCreateCustomLinkClick}/ > } />); }