Shadow Scrollbar

1import React from "react";
2import { ScrollArea } from "@/components/ui/scroll-area";
3import { cn } from "@/lib/utils";
4 
5type Props = { className?: string; children: string };
6 
7export default function ShadowScrollBar({ className, children }: Props) {
8  return (
9    <ScrollArea className={cn("", className)}>
10      <div className="mask-t-from-20%">{children}</div>
11    </ScrollArea>
12  );
13}