mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-02 10:40:53 -05:00
f78e619d87
[web ] Bootstrap 5 - rename the wrapper components and restructure GitOrigin-RevId: 7a76903df81cd546e9e469f24c4f203ea6a61672
44 lines
1 KiB
TypeScript
44 lines
1 KiB
TypeScript
import classnames from 'classnames'
|
|
import { MergeAndOverride } from '../../../../types/utils'
|
|
import OLBadge from '@/features/ui/components/ol/ol-badge'
|
|
|
|
type BadgeProps = MergeAndOverride<
|
|
React.ComponentProps<'span'>,
|
|
{
|
|
prepend?: React.ReactNode
|
|
children: React.ReactNode
|
|
closeBtnProps?: React.ComponentProps<'button'>
|
|
className?: string
|
|
bsStyle?: NonNullable<
|
|
React.ComponentProps<typeof OLBadge>['bs3Props']
|
|
>['bsStyle']
|
|
}
|
|
>
|
|
|
|
function Badge({
|
|
prepend,
|
|
children,
|
|
closeBtnProps,
|
|
bsStyle,
|
|
className,
|
|
...rest
|
|
}: BadgeProps) {
|
|
const classNames =
|
|
bsStyle === null
|
|
? className
|
|
: classnames('label', `label-${bsStyle}`, className)
|
|
|
|
return (
|
|
<span className={classNames} {...rest}>
|
|
{prepend && <span className="badge-bs3-prepend">{prepend}</span>}
|
|
{children}
|
|
{closeBtnProps && (
|
|
<button type="button" className="badge-bs3-close" {...closeBtnProps}>
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
)}
|
|
</span>
|
|
)
|
|
}
|
|
|
|
export default Badge
|