import React from 'react' ; import { EuiLink , EuiFlexItem , EuiFlexGroup , EuiText } from '@elastic/eui' ; import { docLinks } from '../../../../shared/doc_links' ; import { EXPLORE_PLATINUM_FEATURES_LINK } from '../../../constants' ; interface LicenseCalloutProps { message ? : string ; } export const LicenseCallout = ( { message } ) => { const title = ( < > { message } { ' ' } < EuiLink target = "_blank" external href = { docLinks . licenseManagement } > < strong > { EXPLORE_PLATINUM_FEATURES_LINK } < /strong> < /EuiLink> < />); return ( < div > < EuiFlexGroup responsive = { false } > < EuiFlexItem grow = { false } > < div > < strong > & # 8593 ; < /strong> < /div> < /EuiFlexItem> < EuiFlexItem > < EuiText size = "xs" > { title } < /EuiText> < /EuiFlexItem> < /EuiFlexGroup> < /div>); } ;