import React from 'react' ; import { i18n } from '@kbn/i18n' ; import { EuiLink } from '@elastic/eui' ; interface Props { documentationUrl ? : string ; } export const DeprecationFlyoutLearnMoreLink = ( { documentationUrl } ) => { return ( < EuiLink target = "_blank" data - test - subj = "documentationLink" href = { documentationUrl } > { i18n . translate ( 'xpack.upgradeAssistant.deprecationFlyout.learnMoreLinkLabel' , { defaultMessage : 'Learn more' , } ) } < /EuiLink>); } ;