import { Badge } from '@tidbcloud/uikit'

import { Dedicatedv1beta1VpcPeeringState } from 'dbaas/services/api-clients/v2023/dedicated/v1beta1/interface'

export const Status = ({
  status = Dedicatedv1beta1VpcPeeringState.PENDING
}: {
  status?: Dedicatedv1beta1VpcPeeringState
}) => {
  const statusMap = {
    [Dedicatedv1beta1VpcPeeringState.ACTIVE]: {
      color: 'green',
      label: 'Active'
    },
    [Dedicatedv1beta1VpcPeeringState.PENDING]: {
      color: 'carbon.6',
      label: 'System Checking'
    }
  } as const
  const { color, label } = statusMap[status] ?? statusMap[Dedicatedv1beta1VpcPeeringState.PENDING]

  return (
    <Badge color={color} variant="dot" size="lg" sx={{ padding: 0 }}>
      {label}
    </Badge>
  )
}