import React , { FC } from 'react' ; import { EuiBadge } from '@elastic/eui' ; import type { StatusState } from '../lib' ; export type StatusWithoutMessage = Omit < StatusState , 'message' > ; interface StatusBadgeProps { status : StatusWithoutMessage ; 'data-test-subj' ? : string ; } export const StatusBadge = ( props ) => { return ( < EuiBadge data - test - subj = { props [ 'data-test-subj' ] } color = { props . status . uiColor } aria - label = { props . status . title } > { props . status . title } < /EuiBadge>); } ;