import { EuiBadge , EuiToolTip } from '@elastic/eui' ; import React from 'react' ; import { FormattedMessage } from '@kbn/i18n-react' ; import type { Space } from '../../../common' ; import { isReservedSpace } from '../../../common' ; interface Props { space ? : Space ; } export const ReservedSpaceBadge = ( props ) => { const { space } = props ; if ( space && isReservedSpace ( space ) ) { return ( < EuiToolTip content = { < FormattedMessage id = "xpack.spaces.management.reversedSpaceBadge.reversedSpacesCanBePartiallyModifiedTooltip" defaultMessage = "Reserved spaces are built-in and can only be partially modified." / > } > < EuiBadge color = "warning" iconType = "questionInCircle" iconSide = "right" > Reserved space < /EuiBadge> < /EuiToolTip>); } return null ; } ;