import { EuiHeaderLink , EuiHeaderLinks } from '@elastic/eui' ; import { i18n } from '@kbn/i18n' ; import React from 'react' ; import { usePluginContext } from '../../../hooks/use_plugin_context' ; import HeaderMenuPortal from '../../shared/header_menu_portal' ; export function ObservabilityHeaderMenu ( ) { const { appMountParameters : { setHeaderActionMenu , theme$ } , core : { http : { basePath : { prepend } , } , } , } = usePluginContext ( ) ; return ( < HeaderMenuPortal setHeaderActionMenu = { setHeaderActionMenu } theme$ = { theme$ } > < EuiHeaderLinks > < EuiHeaderLink color = "primary" href = { prepend ( '/app/integrations/browse' ) } iconType = "indexOpen" > { addDataLinkText } < /EuiHeaderLink> < /EuiHeaderLinks> < /HeaderMenuPortal>); } const addDataLinkText = i18n . translate ( 'xpack.observability.home.addData' , { defaultMessage : 'Add integrations' , } ) ;