import React from 'react' ; import { EuiToolTip , EuiBadge } from '@elastic/eui' ; import { i18n } from '@kbn/i18n' ; interface Props { transactionResult : string ; } export function TransactionResultSummaryItem ( { transactionResult } ) { return ( < EuiToolTip content = { i18n . translate ( 'xpack.apm.transactionDetails.resultLabel' , { defaultMessage : 'Result' , } ) } > < EuiBadge color = "default" title = { undefined } > { transactionResult } < /EuiBadge> < /EuiToolTip>); }