1
import type { RunStatus } from "@/contracts";
2
import { getStatusMeta } from "@/client/lib";
3
 
4
export const StatusPill = ({ status, className }: { status: RunStatus | null; className?: string }) => {
5
  const meta = getStatusMeta(status);
6
 
7
  return (
8
    <span
9
      className={[
10
        "inline-flex items-center gap-2 rounded-full border px-2.5 py-1 text-xs font-medium",
11
        meta.tone,
12
        className,
13
      ]
14
        .filter(Boolean)
15
        .join(" ")}
16
    >
17
      <span className={["h-2 w-2 rounded-full", meta.dot].join(" ")} />
18
      {meta.label}
19
    </span>
20
  );
21
};