Glass Separator

1"use client"
2 
3import * as React from "react"
4import { Separator as SeparatorPrimitive } from "radix-ui"
5import { cn } from "@/lib/utils"
6 
7const GlassSeparator = React.forwardRef<
8  React.ElementRef<typeof SeparatorPrimitive.Root>,
9  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>
10>(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => (
11  <SeparatorPrimitive.Root
12    ref={ref}
13    decorative={decorative}
14    orientation={orientation}
15    className={cn(
16      "shrink-0 bg-gradient-to-r from-transparent via-white/20 to-transparent",
17      orientation === "horizontal" ? "h-px w-full" : "h-full w-px",
18      className,
19    )}
20    {...props}
21  />
22))
23GlassSeparator.displayName = SeparatorPrimitive.Root.displayName
24 
25export { GlassSeparator }