Checkbox

1"use client"
2 
3import * as React from "react"
4import { Checkbox as BaseCheckbox } from "@/components/ui/checkbox"
5import { cn } from "@/lib/utils"
6 
7export interface CheckboxProps extends React.ComponentProps<typeof BaseCheckbox> {
8  glow?: boolean
9}
10 
11/**
12 * Glass UI Checkbox - Enhanced checkbox with glassy effects
13 */
14export const Checkbox = React.forwardRef<
15  React.ElementRef<typeof BaseCheckbox>,
16  CheckboxProps
17>(({ className, variant = "glass", glow = false, ...props }, ref) => {
18  return (
19    <BaseCheckbox
20      ref={ref}
21      variant={variant}
22      className={cn(
23        glow && "data-[state=checked]:shadow-lg data-[state=checked]:shadow-purple-500/30",
24        "transition-all duration-200",
25        className
26      )}
27      {...props}
28    />
29  )
30})
31Checkbox.displayName = "Checkbox"
32