import { EuiButton , EuiSpacer , EuiText } from '@elastic/eui' ; import { i18n } from '@kbn/i18n' ; import { FormattedMessage } from '@kbn/i18n-react' ; import React from 'react' ; import { APMLink } from '../../../../shared/links/apm/apm_link' ; import { useFleetCloudAgentPolicyHref } from '../../../../shared/links/kibana' ; export function CardFooterContent ( ) { const fleetCloudAgentPolicyHref = useFleetCloudAgentPolicyHref ( ) ; return ( < div > < EuiButton href = { fleetCloudAgentPolicyHref } > { i18n . translate ( 'xpack.apm.settings.schema.success.viewIntegrationInFleet.buttonText' , { defaultMessage : 'View the APM integration in Fleet' } ) } < /EuiButton> < EuiSpacer size = "xs" / > < EuiText size = "s" > < p > < FormattedMessage id = "xpack.apm.settings.schema.success.returnText" defaultMessage = "or simply return to the {serviceInventoryLink}." values = { { serviceInventoryLink : ( < APMLink path = "/services" > { i18n . translate ( 'xpack.apm.settings.schema.success.returnText.serviceInventoryLink' , { defaultMessage : 'Service inventory' } ) } < /APMLink>), } } /> < /p> < /EuiText> < /div>); }