29 lines
682 B
TypeScript
29 lines
682 B
TypeScript
import { cn } from "@/lib/utils";
|
|
|
|
const colorMap: Record<string, string> = {
|
|
green: "bg-green-500",
|
|
red: "bg-red-500",
|
|
amber: "bg-amber-500",
|
|
blue: "bg-blue-500",
|
|
purple: "bg-purple-500",
|
|
};
|
|
|
|
interface StatusBadgeProps {
|
|
color: "green" | "red" | "amber" | "blue" | "purple";
|
|
label?: string;
|
|
}
|
|
|
|
export function StatusBadge({ color, label }: StatusBadgeProps) {
|
|
return (
|
|
<span className="inline-flex items-center gap-1.5 text-xs">
|
|
<span
|
|
className={cn(
|
|
"w-2 h-2 rounded-full shrink-0",
|
|
colorMap[color] ?? "bg-gray-500"
|
|
)}
|
|
/>
|
|
{label && <span className="text-muted-foreground">{label}</span>}
|
|
</span>
|
|
);
|
|
}
|