Radio Group

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