import { cn } from "@/lib/utils"

type RentStatus = "pending" | "paid" | "overdue" | "partial" | "waived"

const config: Record<RentStatus, { label: string; className: string }> = {
  paid:    { label: "Paid",    className: "text-emerald-400 bg-emerald-500/10 border-emerald-500/20" },
  pending: { label: "Pending", className: "text-amber-400 bg-amber-500/10 border-amber-500/20" },
  overdue: { label: "Overdue", className: "text-red-400 bg-red-500/10 border-red-500/20" },
  partial: { label: "Partial", className: "text-blue-400 bg-blue-500/10 border-blue-500/20" },
  waived:  { label: "Waived",  className: "text-white/40 bg-white/5 border-white/10" },
}

export function RentStatusBadge({ status }: { status: RentStatus }) {
  const { label, className } = config[status] ?? config.pending
  return (
    <span className={cn("inline-flex items-center rounded-md border px-2 py-0.5 text-xs font-medium", className)}>
      {label}
    </span>
  )
}