import React , { FC } from 'react' ; import { FormattedMessage } from '@kbn/i18n-react' ; import { CoreStart } from 'kibana/public' ; import { EuiEmptyPrompt , EuiLink , EuiPageContent } from '@elastic/eui' ; interface Props { basePath : CoreStart [ 'http' ] [ 'basePath' ] ; } export const InsufficientLicensePage = ( { basePath } ) => ( < > < EuiPageContent verticalPosition = "center" horizontalPosition = "center" color = "danger" data - test - subj = "mlPageInsufficientLicense" > < EuiEmptyPrompt iconType = "alert" title = { < h2 > < FormattedMessage id = "xpack.ml.management.jobsList.insufficientLicenseLabel" defaultMessage = "Upgrade for subscription features" / > < /h2>} body={<p> < FormattedMessage id = "xpack.ml.management.jobsList.insufficientLicenseDescription" defaultMessage = "To use these machine learning features, you must {link}." values = { { link : ( < EuiLink href = { `${ basePath . get ( ) }/app/management/stack/license_management/home` } > < FormattedMessage id = "xpack.ml.management.jobsList.insufficientLicenseDescription.link" defaultMessage = "start a trial or upgrade your subscription" / > < /EuiLink>), } } /> < /p>}/ > < /EuiPageContent> < />);