Switch

1"use client"
2 
3import * as React from "react"
4import { Switch as BaseSwitch } from "@/components/ui/switch"
5import { cn } from "@/lib/utils"
6 
7export interface SwitchProps extends React.ComponentProps<typeof BaseSwitch> {
8  glow?: boolean
9}
10 
11/**
12 * Glass UI Switch - Enhanced switch with glassy effects
13 */
14export const Switch = React.forwardRef<
15  React.ElementRef<typeof BaseSwitch>,
16  SwitchProps
17>(({ className, variant = "glass", glow = false, ...props }, ref) => {
18  return (
19    <BaseSwitch
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})
31Switch.displayName = "Switch"
32