import React , { FC } from 'react' ; import { EuiTitle } from '@elastic/eui' ; import { FormattedMessage } from '@kbn/i18n-react' ; export const JobMapTitle = ( { analyticsId , modelId , } ) => ( < EuiTitle size = "xs" > < span data - test - subj = "mlPageDataFrameAnalyticsMapTitle" > { analyticsId ? ( < FormattedMessage id = "xpack.ml.dataframe.analyticsMap.analyticsIdTitle" defaultMessage = "Map for analytics ID {analyticsId}" values = { { analyticsId } } / > ) : ( < FormattedMessage id = "xpack.ml.dataframe.analyticsMap.modelIdTitle" defaultMessage = "Map for trained model ID {modelId}" values = { { modelId } } />)} < /span> < /EuiTitle>);