From 9f1d6f181ae6a514fdd19ab9638777f5af4f6467 Mon Sep 17 00:00:00 2001
From: arsam <me@asabbagh.com>
Date: Fri, 18 Sep 2026 23:11:01 +0330
Subject: [PATCH] Import source: src/components/ui/badge

Import the existing local project snapshot. This commit organizes existing files; it does not represent newly developed functionality.
---
 src/components/ui/badge.tsx | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 src/components/ui/badge.tsx

diff --git a/src/components/ui/badge.tsx b/src/components/ui/badge.tsx
new file mode 100644
index 0000000..0d9732d
--- /dev/null
+++ b/src/components/ui/badge.tsx
@@ -0,0 +1,26 @@
+import { cva, type VariantProps } from "class-variance-authority";
+import { cn } from "@/lib/utils";
+
+const badgeVariants = cva(
+  "inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[11px] font-medium",
+  {
+    variants: {
+      variant: {
+        default: "bg-secondary/90 text-secondary-foreground ring-1 ring-border/70",
+        success: "bg-success/10 text-success ring-1 ring-success/30",
+        warning: "bg-warning/10 text-warning ring-1 ring-warning/30",
+        danger: "bg-destructive/10 text-destructive ring-1 ring-destructive/30",
+        outline: "bg-card/60 ring-1 ring-border/80",
+      },
+    },
+    defaultVariants: { variant: "default" },
+  },
+);
+
+export function Badge({
+  className,
+  variant,
+  ...props
+}: React.HTMLAttributes<HTMLSpanElement> & VariantProps<typeof badgeVariants>) {
+  return <span className={cn(badgeVariants({ variant, className }))} {...props} />;
+}