Separator

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