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
30
| import { memo } from 'react'
| import cn from '@/utils/classnames'
|
| type BadgeProps = {
| className?: string
| text?: string
| children?: React.ReactNode
| uppercase?: boolean
| }
|
| const Badge = ({
| className,
| text,
| children,
| 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,
| )}
| >
| {children || text}
| </div>
| )
| }
|
| export default memo(Badge)
|
|
