blockchain/apps/portal/components/explorer/status-badge.tsx

import { Badge } from "@/components/ui/badge";
import type { TxStatus } from "@/lib/explorer-types";

const LABEL: Record<TxStatus, string> = {
  pending: "pending",
  confirmed: "confirmed",
  anchored: "anchored",
};

export function StatusBadge({ status }: { status: TxStatus }) {
  return <Badge variant={status}>{LABEL[status]}</Badge>;
}