SeverityBadge

import { SeverityBadge } from "@aurelienbbn/gadget-ui/components";

<SeverityBadge severity="error" />

const SEVERITY_CONFIG = {
  error: { icon: "⊗", label: "Error", variant: "destructive" },
  warn: { icon: "⚠", label: "Warning", variant: "warning" },
  suggestion: { icon: "◈", label: "Suggestion", variant: "accent" },
  off: { icon: "○", label: "Off", variant: "default" },
};

<div className="flex flex-col gap-2">
  <div className="flex items-center gap-2">
    <SeverityBadge severity="error" />
    <span>no-unused-vars</span>
  </div>
  <div className="flex items-center gap-2">
    <SeverityBadge severity="warn" />
    <span>no-console</span>
  </div>
  <div className="flex items-center gap-2">
    <SeverityBadge severity="off" />
    <span>no-debugger</span>
  </div>
</div>

<SeverityBadge severity="error" className="ml-2" />

<div className="flex gap-2">
  <SeverityBadge severity="error" />
  <SeverityBadge severity="warn" />
  <SeverityBadge severity="suggestion" />
  <SeverityBadge severity="off" />
</div>

import { type Severity } from "@aurelienbbn/gadget-ui/components";

const ruleSeverity: Severity = "error";