From cd511b00f58820034c976b1f7e10f4862b6797cb Mon Sep 17 00:00:00 2001
From: mokelgit <maym2018@gmail.com>
Date: Fri, 14 Feb 2025 20:31:46 -0500
Subject: [PATCH] added enable topshadow option

---
 components/VerticalScrollContainer.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/components/VerticalScrollContainer.tsx b/components/VerticalScrollContainer.tsx
index 54e04df5..66e95d08 100644
--- a/components/VerticalScrollContainer.tsx
+++ b/components/VerticalScrollContainer.tsx
@@ -20,6 +20,7 @@ type VerticalScrollContainerProps = {
   scrollThumbColor?: string;
   scrollTrackColor?: string;
   header?: React.ReactNode;
+  enableTopShadow?: boolean;
 };
 
 export default forwardRef(function VerticalScrollContainer(
@@ -37,6 +38,7 @@ export default forwardRef(function VerticalScrollContainer(
     scrollThumbColor = "rgb(136 160 157 / 0.3)", //"bg-forest-400/30",
     scrollTrackColor = "rgb(0 0 0 / 0.3)", //"bg-black/30",
     header,
+    enableTopShadow = false,
   }: VerticalScrollContainerProps,
   ref: React.Ref<HTMLDivElement>
 ) {
@@ -334,6 +336,10 @@ export default forwardRef(function VerticalScrollContainer(
     if (contentScrollAreaRef.current) {
       if (contentHeight < contentScrollAreaHeight) {
         setMaskGradient('');
+      }else if (enableTopShadow){
+        setMaskGradient(
+          'linear-gradient(to bottom, transparent, black 50px, black calc(100% - 50px), transparent)'
+        );
       }
     }