import { i18n } from '@kbn/i18n' ; import React , { FunctionComponent } from 'react' ; import { EuiCallOut } from '@elastic/eui' ; import { noCustomAttributesTitle , nodeAllocationMigrationGuidance , } from './no_custom_attributes_messages' ; export const NoTiersAvailableUsingNodeAttributesNotice = ( ) => { return ( < EuiCallOut data - test - subj = "noTiersAvailableUsingNodeAttributesNotice" title = { noCustomAttributesTitle } color = "warning" > < p > { i18n . translate ( 'xpack.indexLifecycleMgmt.dataTier.noTiersAvailableUsingNodeAttributesDescription' , { defaultMessage : 'Unable to allocate data: no available data nodes.' , } ) } < /p> < p > { nodeAllocationMigrationGuidance } < /p> < /EuiCallOut>); } ;