reactive-bulma 2.13.0 → 2.14.0

package/dist/cjs/index.js

@@ -3708,6 +3708,15 @@ const Level = ({ testId = null, cssClasses = null, style = null, leftSide = null
         rightSide ? (React.createElement("section", { className: 'level-right' }, renderLevelSection(rightSide))) : null));
 };
 
+const Hero = ({ testId = null, cssClasses = null, style = null, header = null, body, footer = null, color = null, size = null }) => {
+    const heroClasses = parseClasses(['hero', color, size, cssClasses]);
+    const heroTestId = testId !== null && testId !== void 0 ? testId : parseTestId({ tag: 'hero', parsedClasses: heroClasses });
+    return (React.createElement("section", { "data-testid": heroTestId, className: heroClasses, style: style !== null && style !== void 0 ? style : undefined },
+        size === 'is-fullheight' ? (React.createElement("section", { "data-testid": `${heroTestId}-head`, className: 'hero-head' }, header)) : null,
+        React.createElement("section", { "data-testid": `${heroTestId}-body`, className: 'hero-body' }, body),
+        size === 'is-fullheight' ? (React.createElement("section", { "data-testid": `${heroTestId}-foot`, className: 'hero-foot' }, footer)) : null));
+};
+
 exports.Block = Block;
 exports.Box = Box;
 exports.BreadcrumbItem = BreadcrumbItem;
@@ -3723,6 +3732,7 @@ exports.DropdownItem = DropdownItem;
 exports.DropdownTrigger = DropdownTrigger;
 exports.File = File;
 exports.FormField = FormField;
+exports.Hero = Hero;
 exports.Icon = Icon;
 exports.Image = Image;
 exports.Input = Input;