import { PRIORITY_LABELS } from '../constants/status.js'

const VARIANTS = {
  low: 'priority-low',
  normal: 'priority-normal',
  high: 'priority-high',
}

export function PriorityBadge({ priority }) {
  const label = PRIORITY_LABELS[priority] || priority
  const variant = VARIANTS[priority] || 'priority-normal'
  return <span className={`badge priority-badge ${variant}`}>{label}</span>
}