'use client'

import React from 'react'
import { DSR_STATUS_INFO } from '@/lib/sdk/dsr/types'

export function StatusBadge({ status }: { status: string }) {
  const info = DSR_STATUS_INFO[status as keyof typeof DSR_STATUS_INFO]
  if (!info) return null

  return (
    <span className={`px-3 py-1.5 text-sm font-medium rounded-lg ${info.bgColor} ${info.color} border ${info.borderColor}`}>
      {info.label}
    </span>
  )
}