pixel-react 1.0.7 → 1.0.8

package/lib/index.js

@@ -1227,11 +1227,12 @@ styleInject(css_248z$r);
 const Container = ({
   children,
   fluid = false,
-  gap = '0px'
+  gap = '0px',
+  className = ''
 }) => {
-  const className = fluid ? 'ff-container-fluid' : 'ff-container';
+  const containerClassName = fluid ? 'ff-container-fluid' : 'ff-container';
   return jsxRuntime.jsx("div", {
-    className: className,
+    className: classNames(containerClassName, className),
     style: {
       gap
     },
@@ -1240,10 +1241,11 @@ const Container = ({
 };
 const Row = ({
   children,
-  gap = '0px'
+  gap = '0px',
+  className = ''
 }) => {
   return jsxRuntime.jsx("div", {
-    className: "ff-row",
+    className: classNames("ff-row", className),
     style: {
       gap
     },
@@ -1252,11 +1254,12 @@ const Row = ({
 };
 const Col = ({
   children,
-  size = 12
+  size = 12,
+  className = ''
 }) => {
-  const className = `ff-col-${size}`;
+  const colClassName = `ff-col-${size}`;
   return jsxRuntime.jsx("div", {
-    className: className,
+    className: classNames(colClassName, className),
     children: children
   });
 };