import { Split } from "lucide-react";

/** The badge a split transaction gets in the ledger, in place of its
 * category badge: `category` on the row itself is stale once the amount is
 * divided, so naming one category there would be misleading. */
export function SplitBadge({ count }: { count: number }) {
  return (
    <span className="inline-flex items-center gap-1 text-[11px] px-2 py-0.5 rounded-full border bg-muted/60 text-muted-foreground border-border">
      <Split size={11} strokeWidth={1.75} className="shrink-0" aria-hidden />
      Split · {count}
    </span>
  );
}