import { Badge } from '@tidbcloud/uikit'
import { capitalize } from 'lodash-es'

export const StatusTag = ({ status }: { status: string }) => {
  const color = status === 'ACTIVE' ? 'green' : 'yellow'

  return (
    <Badge variant="dot" color={color} size="lg" sx={{ pointerEvents: 'none' }}>
      {capitalize(status)}
    </Badge>
  )
}