Scroll Area

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