import { EuiHeaderLink } from '@elastic/eui' ; import { i18n } from '@kbn/i18n' ; import React from 'react' ; import { useKibana } from '../../../utils/kibana_react' ; export function SyntheticsAddData ( ) { const kibana = useKibana ( ) ; return ( < EuiHeaderLink aria - label = { i18n . translate ( 'xpack.observability.page_header.addUptimeDataLink.label' , { defaultMessage : 'Navigate to a tutorial about adding Uptime data' , } ) } href = { kibana . services ?. application ?. getUrlForApp ( '/home#/tutorial/uptimeMonitors' ) } color = "primary" iconType = "indexOpen" > { ADD_DATA_LABEL } < /EuiHeaderLink>); } const ADD_DATA_LABEL = i18n . translate ( 'xpack.observability..synthetics.addDataButtonLabel' , { defaultMessage : 'Add synthetics data' , } ) ;