import React , { FC } from 'react' ; import { EuiBetaBadge , EuiFlexGroup , EuiFlexItem } from '@elastic/eui' ; import { i18n } from '@kbn/i18n' ; export const BetaBadge = ( { message } ) => { return ( < EuiFlexGroup gutterSize = { 'none' } justifyContent = { 'flexEnd' } > < EuiFlexItem grow = { false } > < EuiBetaBadge label = { i18n . translate ( 'xpack.ml.anomalyDetectionAlert.betaBadgeLabel' , { defaultMessage : 'Beta' , } ) } tooltipContent = { message } / > < /EuiFlexItem> < /EuiFlexGroup>); } ;