mirror of
https://github.com/overleaf/overleaf.git
synced 2024-10-17 21:05:04 -04:00
29 lines
801 B
TypeScript
29 lines
801 B
TypeScript
import { Label } from 'react-bootstrap'
|
|
import classnames from 'classnames'
|
|
import { MergeAndOverride } from '../../../../types/utils'
|
|
|
|
type BadgeProps = MergeAndOverride<
|
|
React.ComponentProps<'span'>,
|
|
{
|
|
prepend?: React.ReactNode
|
|
children: React.ReactNode
|
|
className?: string
|
|
bsStyle?: React.ComponentProps<typeof Label>['bsStyle'] | null
|
|
}
|
|
>
|
|
|
|
function Badge({ prepend, children, bsStyle, className, ...rest }: BadgeProps) {
|
|
const classNames =
|
|
bsStyle === null
|
|
? className
|
|
: classnames('label', `label-${bsStyle}`, className)
|
|
|
|
return (
|
|
<span className={classNames} {...rest}>
|
|
{prepend && <span className="badge-tag-bs3-prepend">{prepend}</span>}
|
|
<span className="badge-tag-bs3-content">{children}</span>
|
|
</span>
|
|
)
|
|
}
|
|
|
|
export default Badge
|