import { EuiConfirmModal } from '@elastic/eui' ; import React from 'react' ; import type { InjectedIntl } from '@kbn/i18n-react' ; import { FormattedMessage , injectI18n } from '@kbn/i18n-react' ; interface Props { onCancel : ( ) => void ; onConfirm : ( ) => void ; intl : InjectedIntl ; } const ConfirmAlterActiveSpaceModalUI = ( props ) => ( < EuiConfirmModal onConfirm = { props . onConfirm } onCancel = { props . onCancel } title = { < FormattedMessage id = "xpack.spaces.management.confirmAlterActiveSpaceModal.title" defaultMessage = "Confirm update space" / > } defaultFocusedButton = { 'confirm' } cancelButtonText = { props . intl . formatMessage ( { id : 'xpack.spaces.management.confirmAlterActiveSpaceModal.cancelButton' , defaultMessage : 'Cancel' , } ) } confirmButtonText = { props . intl . formatMessage ( { id : 'xpack.spaces.management.confirmAlterActiveSpaceModal.updateSpaceButton' , defaultMessage : 'Update space' , } ) } > < p > < FormattedMessage id = "xpack.spaces.management.confirmAlterActiveSpaceModal.reloadWarningMessage" defaultMessage = "You have updated the visible features in this space. Your page will reload after saving." / > < /p> < /EuiConfirmModal>); export const ConfirmAlterActiveSpaceModal = injectI18n ( ConfirmAlterActiveSpaceModalUI ) ;