reactive-bulma 2.2.0 → 2.3.0

package/dist/cjs/index.js

@@ -3230,6 +3230,22 @@ const ColumnGroup = ({ testId = null, cssClasses = null, style = null, listOfCol
     return (React.createElement("section", { "data-testid": columnGroupTestId, className: columnGroupClasses, style: style !== null && style !== void 0 ? style : undefined }, listOfColumns.map((_columnItem, i) => (React.createElement(Column, Object.assign({ key: `column-group-item-${i}` }, _columnItem))))));
 };
 
+const Notification = ({ testId = null, cssClasses = null, style = null, children = null, deleteButton = null, color = null, isLightColor = null }) => {
+    const notificationClasses = parseClasses([
+        'notification',
+        color,
+        isLightColor ? 'is-light' : null,
+        cssClasses
+    ]);
+    const notificationTestId = testId !== null && testId !== void 0 ? testId : parseTestId({
+        tag: 'notification',
+        parsedClasses: notificationClasses
+    });
+    return (React.createElement("section", { "data-testid": notificationTestId, className: notificationClasses, style: style !== null && style !== void 0 ? style : undefined },
+        deleteButton ? React.createElement(Delete, Object.assign({}, deleteButton)) : null,
+        children));
+};
+
 exports.Block = Block;
 exports.Box = Box;
 exports.Button = Button;
@@ -3241,6 +3257,7 @@ exports.Delete = Delete;
 exports.File = File;
 exports.Icon = Icon;
 exports.Input = Input;
+exports.Notification = Notification;
 exports.ProgressBar = ProgressBar;
 exports.RadioButton = RadioButton;
 exports.Select = Select;