From c8146b7c3c2377afbf439471183c3e1cc9b77708 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Thu, 30 May 2024 16:59:34 +0530
Subject: [PATCH] fix: added as prop in FadedScrollableDiv

---
 frontend/src/components/FadedScrollableDiv.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/FadedScrollableDiv.vue b/frontend/src/components/FadedScrollableDiv.vue
index 7881b28e..3cc44638 100644
--- a/frontend/src/components/FadedScrollableDiv.vue
+++ b/frontend/src/components/FadedScrollableDiv.vue
@@ -1,16 +1,21 @@
 <template>
-  <div
+  <component
+    :is="props.as || 'div'"
     ref="scrollableDiv"
     :style="`maskImage: ${maskStyle}`"
     @scroll="updateMaskStyle"
   >
     <slot></slot>
-  </div>
+  </component>
 </template>
 <script setup>
 import { ref, computed, onMounted } from 'vue'
 
 const props = defineProps({
+  as: {
+    type: String,
+    default: 'div',
+  },
   maskLength: {
     type: Number,
     default: 30,