Import source: src/components/ui/badge

Import the existing local project snapshot. This commit organizes existing files; it does not represent newly developed functionality.
This commit is contained in:
arsam
2026-09-18 23:11:01 +03:30
parent 9e70772838
commit 9f1d6f181a
+26
View File
@@ -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} />;
}