import * as React from 'react'; import { css } from '@patternfly/react-styles'; import styles from '@patternfly/react-styles/css/components/Badge/badge'; export interface BadgeProps extends React.HTMLProps { /** Text announced by screen readers to indicate the current content/status of the badge. */ screenReaderText?: string; /** Adds styling to the badge to indicate it has been read */ isRead?: boolean; /** Adds styling to the badge to indicate it is disabled */ isDisabled?: boolean; /** content rendered inside the Badge */ children?: React.ReactNode; /** additional classes added to the Badge */ className?: string; } export const Badge: React.FunctionComponent = ({ isRead = false, isDisabled = false, className = '', children = '', screenReaderText, ...props }: BadgeProps) => ( {children} {screenReaderText && {screenReaderText}} ); Badge.displayName = 'Badge';