import React from 'react' ; import { EuiSpacer , EuiCallOut } from '@elastic/eui' ; import { i18n } from '@kbn/i18n' ; export const FormKeyUpdateWarning = ( ) => ( < > < EuiSpacer /> < EuiCallOut title = { i18n . translate ( 'xpack.enterpriseSearch.appSearch.credentials.updateWarningTitle' , { defaultMessage : 'Proceed with caution!' , } ) } color = "warning" iconType = "alert" > < p > { i18n . translate ( 'xpack.enterpriseSearch.appSearch.credentials.updateWarning' , { defaultMessage : 'Existing API keys may be shared between users. Changing permissions for this key will affect all users who have access to this key.' , } ) } < /p> < /EuiCallOut> < />);