This commit is contained in:
Vula Builder
2026-06-27 09:51:13 +00:00
parent 72445f4bf8
commit 2c3a18eae5
+26
View File
@@ -0,0 +1,26 @@
import { cn } from "@/lib/utils"
interface BadgeProps {
variant?: "primary" | "secondary" | "accent" | "outline"
className?: string
children: React.ReactNode
}
export default function Badge({ variant = "primary", className, children }: BadgeProps) {
return (
<span
className={cn(
"inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium",
{
"bg-[#2E7D32] text-white": variant === "primary",
"bg-[#4CAF50] text-white": variant === "secondary",
"bg-[#8BC34A] text-white": variant === "accent",
"border border-[#2E7D32] text-[#2E7D32] bg-transparent": variant === "outline"
},
className
)}
>
{children}
</span>
)
}