Initial curated Unraid-AppOps-Gateway source from 3bd6f6fee310125bfbb4d4650389a817f498724d

src/components/RiskBadge.tsx

@@ -0,0 +1,28 @@
+import { cn } from "@/lib/utils";
+import { RiskLevel } from "@/types/appops";
+
+interface RiskBadgeProps {
+  level: RiskLevel;
+}
+
+export const RiskBadge = ({ level }: RiskBadgeProps) => {
+  const styles = {
+    low: 'text-slate-400',
+    medium: 'text-amber-400',
+    high: 'text-orange-500',
+    critical: 'text-rose-500 font-bold'
+  };
+
+  const labels = {
+    low: 'LAAG',
+    medium: 'MEDIUM',
+    high: 'HOOG',
+    critical: 'CRITICAL'
+  };
+
+  return (
+    <span className={cn("font-mono text-[9px] uppercase", styles[level])}>
+      {labels[level]}
+    </span>
+  );
+};