import type { PaymentStatus } from '@features/payment'
import { PAYMENT_STATUS_LABELS } from '../model/paymentStatusLabels'
import styles from './StatusBadge.module.css'

interface Props {
  status: PaymentStatus
}

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