ScrollArea

import {
  ScrollArea,
  ScrollAreaViewport,
  Scrollbar,
  ScrollThumb,
  ScrollCorner,
} from "@/components/ui/scroll-area"

export function Example() {
  return (
    <ScrollArea className="h-48 w-80">
      <ScrollAreaViewport>
        {/* Your scrollable content goes here */}
        <div className="space-y-2 p-4">
          {items.map((item) => (
            <div key={item.id}>{item.label}</div>
          ))}
        </div>
      </ScrollAreaViewport>
      <Scrollbar orientation="vertical" />
    </ScrollArea>
  )
}