import React from 'react' ; import { EuiSpacer , EuiText , EuiIcon } from '@elastic/eui' ; interface Props { isNew : boolean ; } import { DEACTIVATED_USER_CALLOUT_LABEL , DEACTIVATED_USER_CALLOUT_DESCRIPTION } from './constants' ; export const DeactivatedUserCallout = ( { isNew } ) => ( < > { ! isNew && < EuiSpacer />} < EuiText size = "s" > < EuiIcon type = "alert" color = "warning" / > < strong > { DEACTIVATED_USER_CALLOUT_LABEL } < /strong> < /EuiText> < EuiSpacer size = "xs" / > < EuiText size = "s" > { DEACTIVATED_USER_CALLOUT_DESCRIPTION } < /EuiText> < EuiSpacer / > < />);