Vula Builder
26 lines
799 B
TypeScript
26 lines
799 B
TypeScript
import { cn } from "@/lib/utils"
|
|
|
|
interface BadgeProps {
|
|
variant?: "primary" | "secondary" | "outline" | "accent"
|
|
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-primary text-primary-foreground": variant === "primary",
|
|
"bg-secondary text-secondary-foreground": variant === "secondary",
|
|
"border border-border text-muted-foreground bg-background": variant === "outline",
|
|
"bg-accent text-accent-foreground": variant === "accent"
|
|
},
|
|
className
|
|
)}
|
|
>
|
|
{children}
|
|
</span>
|
|
)
|
|
} |