File size: 550 Bytes
a8b3f00 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
import { memo } from 'react'
import cn from '@/utils/classnames'
type BadgeProps = {
className?: string
text: string
uppercase?: boolean
}
const Badge = ({
className,
text,
uppercase = true,
}: BadgeProps) => {
return (
<div
className={cn(
'inline-flex items-center px-[5px] h-5 rounded-[5px] border border-divider-deep leading-3 text-text-tertiary',
uppercase ? 'system-2xs-medium-uppercase' : 'system-xs-medium',
className,
)}
>
{text}
</div>
)
}
export default memo(Badge)
|