reactive-bulma 1.12.0 → 1.13.0

package/dist/cjs/index.js

@@ -2914,9 +2914,26 @@ const Tag = ({ text, testId = null, style = null, color = null, isLight = null,
         withDelete ? (React.createElement("button", { "data-testid": `${_testId}-delete`, className: 'delete', onClick: onDeleteClick || undefined })) : null));
 };
 
+const Box = ({ testId = 'test-box', style = null, children = null }) => children ? (React.createElement("section", { "data-testid": testId, className: 'box', style: style || undefined }, children)) : null;
+
+const renderTitleSection = (section) => {
+    var _a, _b;
+    const sectionClasses = parseClasses([
+        section === null || section === void 0 ? void 0 : section.prop,
+        (_a = section === null || section === void 0 ? void 0 : section.size) !== null && _a !== void 0 ? _a : 'is-6',
+        (section === null || section === void 0 ? void 0 : section.prop) === 'title' && (section === null || section === void 0 ? void 0 : section.isSpaced) ? 'is-spaced' : null
+    ]);
+    return section ? (React.createElement("p", { "data-testid": (_b = section === null || section === void 0 ? void 0 : section.testId) !== null && _b !== void 0 ? _b : `${section === null || section === void 0 ? void 0 : section.prop}-test`, className: sectionClasses, style: section.style || undefined }, section === null || section === void 0 ? void 0 : section.text)) : null;
+};
+const Title = ({ main, secondary }) => (React.createElement(React.Fragment, null,
+    renderTitleSection(main),
+    renderTitleSection(secondary)));
+
 exports.Block = Block;
+exports.Box = Box;
 exports.Button = Button;
 exports.Column = Column;
 exports.ProgressBar = ProgressBar;
 exports.Tag = Tag;
+exports.Title = Title;
 //# sourceMappingURL=index.js.map