Badge

1"use client"
2 
3import * as React from "react"
4import { Badge as BaseBadge } from "@/components/ui/badge"
5import { cn } from "@/lib/utils"
6import { hoverEffects, type HoverEffect } from "@/lib/hover-effects"
7 
8export interface BadgeProps extends React.ComponentProps<typeof BaseBadge> {
9  glow?: boolean
10  hover?: HoverEffect
11}
12 
13/**
14 * Glass UI Badge - Enhanced badge with glassy effects and glow option
15 */
16export function Badge({ className, variant = "glass", glow = false, hover = "none", ...props }: BadgeProps) {
17  return (
18    <BaseBadge
19      variant={variant}
20      className={cn(
21        "relative overflow-hidden",
22        glow && "shadow-lg shadow-purple-500/30",
23        "transition-all duration-200",
24        hoverEffects({ hover }),
25        className
26      )}
27      {...props}
28    />
29  )
30}
31