mirror of
https://github.com/yu-i-i/overleaf-cep.git
synced 2025-07-31 02:00:07 +02:00
34be8b75ad
Use dark-on-light for warning badge by default GitOrigin-RevId: 6259ec08c9c31f54dbdad6261a966f638303cc3b
17 lines
486 B
TypeScript
17 lines
486 B
TypeScript
import Badge from '@/features/ui/components/bootstrap-5/badge'
|
|
|
|
function OLBadge(props: React.ComponentProps<typeof Badge>) {
|
|
let { bg, text, ...rest } = props
|
|
|
|
// For warning badges, use a light background by default. We still want the
|
|
// Bootstrap warning colour to be dark for text though, so make an
|
|
// adjustment here
|
|
if (bg === 'warning') {
|
|
bg = 'warning-light-bg'
|
|
text = 'warning'
|
|
}
|
|
|
|
return <Badge bg={bg} text={text} {...rest} />
|
|
}
|
|
|
|
export default OLBadge
|