import { IconType } from '@elastic/eui' ; import React , { useMemo } from 'react' ; import { EmptyPage } from '../empty_page' ; import * as i18n from '../translations' ; interface AlertsFeatureNoPermissionsProps { documentationUrl : string ; iconType : IconType ; } export const AlertsFeatureNoPermissions = ( { documentationUrl , iconType , } ) : JSX . Element => { const actions = useMemo ( ( ) => ( { feature : { icon : 'documents' , label : i18n . GO_TO_DOCUMENTATION , url : documentationUrl , target : '_blank' , } , } ) , [ documentationUrl ] ) ; return ( < EmptyPage iconType = { iconType } actions = { actions } message = { i18n . ALERTS_FEATURE_NO_PERMISSIONS_MSG } data - test - subj = "no_feature_permissions-alerts" title = { i18n . FEATURE_NO_PERMISSIONS_TITLE } / > ) ; } ; AlertsFeatureNoPermissions . displayName = 'AlertsFeatureNoPermissions' ;