{"path":"apps/dashboard/src/components/status-badge.tsx","size":982,"locked":false,"binary":false,"truncated":false,"content":"export function StatusBadge({ status }: { status: string }) {\n  const styles: Record<string, string> = {\n    pending:   \"text-amber-300 border-amber-400/25 bg-amber-400/10 shadow-[0_0_12px_rgba(251,191,36,0.1)]\",\n    completed: \"text-emerald-300 border-emerald-400/25 bg-emerald-400/10 shadow-[0_0_12px_rgba(20,241,149,0.12)]\",\n    cancelled: \"text-rose-400 border-rose-400/25 bg-rose-400/10 shadow-[0_0_12px_rgba(244,63,94,0.1)]\",\n  };\n  const dots: Record<string, string> = {\n    pending:   \"bg-amber-400\",\n    completed: \"bg-emerald-400\",\n    cancelled: \"bg-rose-500\",\n  };\n  return (\n    <span\n      className={`inline-flex items-center gap-1.5 px-2.5 py-1 text-[10px] font-mono font-semibold tracking-wider border rounded-full uppercase backdrop-blur-sm ${styles[status] ?? \"text-muted-foreground border-white/10 bg-white/5\"}`}\n    >\n      <span className={`w-1.5 h-1.5 rounded-full ${dots[status] ?? \"bg-muted-foreground\"} animate-pulse`} />\n      {status}\n    </span>\n  );\n}\n"}