import React , { FunctionComponent } from 'react' ; import { EuiCallOut } from '@elastic/eui' ; import { i18n } from '@kbn/i18n' ; import { PhaseWithAllocation } from '../../../../../../../../../common/types' ; import { noCustomAttributesTitle , nodeAllocationMigrationGuidance , } from './no_custom_attributes_messages' ; const i18nTexts = { body : { warm : ( < > < p > { i18n . translate ( 'xpack.indexLifecycleMgmt.warmPhase.dataTier.defaultAllocationNotAvailableDescription' , { defaultMessage : 'Data will be allocated to the warm tier.' } ) } < /p> { nodeAllocationMigrationGuidance } < />), cold : ( < > < p > { i18n . translate ( 'xpack.indexLifecycleMgmt.coldPhase.dataTier.defaultAllocationNotAvailableDescription' , { defaultMessage : 'Data will be allocated to the cold tier.' } ) } < /p> { nodeAllocationMigrationGuidance } < />), } , } ; export const DefaultToDataTiersNotice = ( { phase , } ) => { return ( < EuiCallOut data - test - subj = "defaultToDataTiersNotice" style = { { maxWidth : 400 } } title = { noCustomAttributesTitle } color = "primary" > { i18nTexts . body [ phase ] } < /EuiCallOut>); } ;