import { Badge } from '@tidbcloud/uikit'

import { ResourcePoolStatus } from './types'

const STATUS_COLORS: Record<ResourcePoolStatus, string> = {
  Creating: 'carbon',
  Active: 'green',
  Modifying: 'peacock',
  Failed: 'red'
}

export const ResourcePoolStatusBadge = ({ status }: { status: ResourcePoolStatus }) => (
  <Badge variant="dot" color={STATUS_COLORS[status]} size="lg" sx={{ pointerEvents: 'none' }}>
    {status}
  </Badge>
)