Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>
This commit is contained in:
gpt-engineer-app[bot]
2026-04-20 00:24:08 +00:00
co-authored by renee-png
parent 791fa8923a
commit b1ab7656e3
@@ -0,0 +1,40 @@
import { Badge } from "@/components/ui/badge";
/**
* Compact BK / PP indicator badges used next to case/collection names.
* - BK = Bankruptcy
* - PP = Payment Plan
*/
export function StatusFlagBadges({
bk,
pp,
className,
}: {
bk?: boolean | null;
pp?: boolean | null;
className?: string;
}) {
if (!bk && !pp) return null;
return (
<span className={`inline-flex items-center gap-1 ${className ?? ""}`}>
{bk && (
<Badge
variant="outline"
className="text-[9px] px-1.5 py-0 h-4 border-rose-600 text-rose-700 dark:text-rose-300 dark:border-rose-400 font-semibold"
title="In bankruptcy"
>
BK
</Badge>
)}
{pp && (
<Badge
variant="outline"
className="text-[9px] px-1.5 py-0 h-4 border-blue-600 text-blue-700 dark:text-blue-300 dark:border-blue-400 font-semibold"
title="On payment plan"
>
PP
</Badge>
)}
</span>
);
}