export function StatusDot({
  status,
  pulse = false,
}: {
  status: "success" | "danger" | "warning" | "accent";
  pulse?: boolean;
}) {
  const colors = {
    success: "bg-success",
    danger: "bg-danger",
    warning: "bg-warning",
    accent: "bg-accent",
  };

  return (
    <div
      className={`w-2 h-2 rounded-full shrink-0 ${colors[status]} ${pulse ? "animate-pulse" : ""}`}
    />
  );
}