import type { SbpWithdrawalStatus } from '@features/payment'
import { SBP_WITHDRAWAL_STATUS_LABELS } from '../model/sbpWithdrawalStatusLabels'
import styles from './WithdrawalStatusBadge.module.css'

interface Props {
  status: SbpWithdrawalStatus
}

export function WithdrawalStatusBadge({ status }: Props) {
  return (
    <span className={`${styles.badge} ${styles[`status_${status}`] ?? ''}`}>
      {SBP_WITHDRAWAL_STATUS_LABELS[status] ?? status}
    </span>
  )
}
