mirror of
				https://github.com/langgenius/dify.git
				synced 2025-10-31 10:53:02 +00:00 
			
		
		
		
	
		
			
				
	
	
		
			26 lines
		
	
	
		
			463 B
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
			
		
		
	
	
			26 lines
		
	
	
		
			463 B
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
| import { memo } from 'react'
 | |
| import cn from '@/utils/classnames'
 | |
| 
 | |
| type BadgeProps = {
 | |
|   className?: string
 | |
|   text: string
 | |
| }
 | |
| 
 | |
| const Badge = ({
 | |
|   className,
 | |
|   text,
 | |
| }: BadgeProps) => {
 | |
|   return (
 | |
|     <div
 | |
|       className={cn(
 | |
|         'inline-flex items-center px-[5px] h-5 rounded-[5px] border border-divider-deep system-2xs-medium-uppercase leading-3 text-text-tertiary',
 | |
|         className,
 | |
|       )}
 | |
|     >
 | |
|       {text}
 | |
|     </div>
 | |
|   )
 | |
| }
 | |
| 
 | |
| export default memo(Badge)
 | 
