From 37693e3ea15e04521766b2b77c9cc8c95c307546 Mon Sep 17 00:00:00 2001
From: faisolavolut <faisol@avolut.com>
Date: Tue, 18 Mar 2025 11:07:09 +0700
Subject: [PATCH] fix: add className prop to ListUI component for customizable
 styling

---
 components/list/ListUI.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/components/list/ListUI.tsx b/components/list/ListUI.tsx
index 8298066..3b369cd 100644
--- a/components/list/ListUI.tsx
+++ b/components/list/ListUI.tsx
@@ -5,6 +5,7 @@ import get from "lodash.get";
 import { ListBetter } from "../tablelist/List";
 export const ListUI: React.FC<any> = ({
   tabHeader,
+  className,
   name,
   modeTab,
   column,
@@ -48,7 +49,12 @@ export const ListUI: React.FC<any> = ({
     );
   }
   return (
-    <div className="flex flex-col flex-grow  rounded-lg border border-gray-200 py-2 overflow-hidden">
+    <div
+      className={cx(
+        "flex flex-col flex-grow  rounded-lg border border-gray-200 py-2 overflow-hidden",
+        className
+      )}
+    >
       <div className="flex flex-col flex-grow">
         <div className="flex flex-col  flex-grow">
           {title ? (