This commit is contained in:
Vula Builder
2026-06-04 11:25:12 +00:00
parent 73d791cece
commit 8f2d39c47d
+29
View File
@@ -0,0 +1,29 @@
import { cn } from "@/lib/utils"
type BadgeVariant = "primary" | "secondary" | "accent" | "outline" | "muted"
interface BadgeProps {
variant?: BadgeVariant
className?: string
children: React.ReactNode
}
export default function Badge({ variant = "primary", className, children }: BadgeProps) {
return (
<span
className={cn(
"inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors",
{
"bg-[#000080] text-white": variant === "primary",
"bg-[#d4af37] text-black": variant === "secondary",
"bg-[#36454F] text-white": variant === "accent",
"border border-[#000080] text-[#000080] bg-transparent": variant === "outline",
"bg-muted text-muted-foreground": variant === "muted",
},
className
)}
>
{children}
</span>
)
}