import React from 'react' ; import { EuiFlexGroup , EuiFlexItem , EuiCallOut , EuiSpacer } from '@elastic/eui' ; import { i18n } from '@kbn/i18n' ; const DisabledCalloutComponent = ( ) => ( < > < EuiFlexGroup > < EuiFlexItem > < EuiCallOut title = { i18n . translate ( 'xpack.osquery.fleetIntegration.saveIntegrationCalloutTitle' , { defaultMessage : 'Save the integration to access the options below' , } ) } iconType = "save" / > < /EuiFlexItem> < /EuiFlexGroup> < EuiSpacer / > < />); export const DisabledCallout = React . memo ( DisabledCalloutComponent ) ;