import { EuiButton , EuiEmptyPrompt } from '@elastic/eui' ; import { i18n } from '@kbn/i18n' ; import React from 'react' ; import { useKibanaUrl } from '../../hooks/useKibanaUrl' ; export function InvalidLicenseNotification ( ) { const manageLicenseURL = useKibanaUrl ( '/app/management/stack/license_management' ) ; return ( < EuiEmptyPrompt iconType = "alert" iconColor = "warning" title = { < h1 > { i18n . translate ( 'xpack.apm.invalidLicense.title' , { defaultMessage : 'Invalid License' , } ) } < /h1>} body={<p> { i18n . translate ( 'xpack.apm.invalidLicense.message' , { defaultMessage : 'The APM UI is not available because your current license has expired or is no longer valid.' , } ) } < /p>} actions={[ < EuiButton href = { manageLicenseURL } > { i18n . translate ( 'xpack.apm.invalidLicense.licenseManagementLink' , { defaultMessage : 'Manage your license' , } ) } < /EuiButton>, ] } />); }