Node Header Status

1import { Badge } from "@/components/ui/badge";
2import { cn } from "@/lib/utils";
3 
4export const NodeHeaderStatus = ({
5	status,
6}: {
7	status?: "idle" | "processing" | "success" | "error";
8}) => {
9	const statusColors = {
10		idle: "bg-muted text-muted-foreground",
11		processing: "bg-orange-500 text-white",
12		success: "bg-green-500 text-white",
13		error: "bg-red-500 text-white",
14	};
15	return (
16		<Badge
17			variant="secondary"
18			className={cn("mr-2 font-normal", status && statusColors[status])}
19		>
20			{status ? status : "idle"}
21		</Badge>
22	);
23};
24 
25NodeHeaderStatus.displayName = "NodeHeaderStatus";