File size: 853 Bytes
5301ae9 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | import * as React from "react"
import { cn } from "@/lib/utils"
const Badge = React.forwardRef(({ className, variant = "default", ...props }, ref) => {
const variants = {
default: "border-transparent bg-slate-900 text-slate-50 hover:bg-slate-900/80",
secondary: "border-transparent bg-slate-100 text-slate-900 hover:bg-slate-100/80",
destructive: "border-transparent bg-red-500 text-slate-50 hover:bg-red-500/80",
outline: "text-slate-950 border-slate-200",
}
return (
<div
ref={ref}
className={cn(
"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-slate-950 focus:ring-offset-2",
variants[variant],
className
)}
{...props}
/>
)
})
Badge.displayName = "Badge"
export { Badge }
|