nvis-fe-cms-libs 1.0.4 → 1.0.5

package/dist/nvis-fe-cms-libs.umd.js

@@ -3079,29 +3079,39 @@ var __async = (__this, __arguments, generator) => {
       item.id || index2
     )) }) });
   };
-  const TextSection = ({ data }) => {
+  const TextSection = ({ data, isDarkMode }) => {
     const textItems = (data == null ? void 0 : data.sectionDataBindingItems) || [];
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: {
-      padding: "40px 20px",
-      backgroundColor: "#f8f9fa",
-      textAlign: "center"
-    }, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { maxWidth: "800px", margin: "0 auto" }, children: textItems.map((item, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
       "div",
       {
         style: {
-          backgroundColor: "white",
-          padding: "20px",
-          marginBottom: "20px",
-          borderRadius: "8px",
-          boxShadow: "0 2px 4px rgba(0,0,0,0.1)",
-          fontSize: "16px",
-          lineHeight: "1.6",
-          color: "#333"
+          padding: "40px 20px",
+          backgroundColor: isDarkMode ? "#1f2937" : "#f8f9fa",
+          // Dark: slate-800, Light: gray-100
+          textAlign: "center"
         },
-        children: item.value
-      },
-      item.id || index2
-    )) }) });
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { maxWidth: "800px", margin: "0 auto" }, children: textItems.map((item, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            style: {
+              backgroundColor: isDarkMode ? "#374151" : "white",
+              // Dark: slate-700, Light: white
+              padding: "20px",
+              marginBottom: "20px",
+              borderRadius: "8px",
+              boxShadow: isDarkMode ? "0 2px 4px rgba(0,0,0,0.3)" : "0 2px 4px rgba(0,0,0,0.1)",
+              fontSize: "16px",
+              lineHeight: "1.6",
+              color: isDarkMode ? "#d1d5db" : "#333",
+              // Dark: gray-300, Light: dark gray
+              textAlign: "left"
+            },
+            children: item.value
+          },
+          item.id || index2
+        )) })
+      }
+    );
   };
   const index = {
     AboutCompanySection,