reactive-bulma 1.6.0 → 1.7.0

package/dist/cjs/index.js

@@ -2840,12 +2840,30 @@ function requireReact_development () {
 
 var React = /*@__PURE__*/getDefaultExportFromCjs(reactExports);
 
-const Button = ({ text = '' }) => (React.createElement("button", { "data-testid": 'test-button', className: 'button' }, text));
+const parseClasses = (_classes) => _classes.filter(_class => _class).join(' ');
+
+const Button = ({ text = null, type = 'button', style = null, color = 'is-white', isLightColor = false, isInvertedColor = false, isOutlined = false, isRounded = false, isLoading = false, isDisabled = false, isStatic = false, size = null, onClick = null }) => {
+    const buttonClasses = parseClasses([
+        'button',
+        color,
+        isLightColor ? 'is-light' : null,
+        isInvertedColor ? 'is-inverted' : null,
+        isOutlined ? 'is-outlined' : null,
+        isRounded ? 'is-rounded' : null,
+        isLoading ? 'is-loading' : null,
+        isStatic ? 'is-static' : null,
+        size
+    ]);
+    return (React.createElement("button", { "data-testid": 'test-button', type: type, className: buttonClasses, style: style !== null && style !== void 0 ? style : undefined, disabled: isDisabled !== null && isDisabled !== void 0 ? isDisabled : false, onClick: onClick !== null && onClick !== void 0 ? onClick : undefined }, text));
+};
 
 const Column = ({ size = null, offset = null, isNarrow = false, children = null }) => {
-    const classes = ['column', size, offset, isNarrow ? 'is-narrow' : null]
-        .filter(_class => _class)
-        .join(' ');
+    const classes = parseClasses([
+        'column',
+        size,
+        offset,
+        isNarrow ? 'is-narrow' : null
+    ]);
     return (React.createElement("section", { "data-testid": 'test-column', className: classes }, children));
 };