reactive-bulma 2.16.0 → 2.17.0

package/dist/cjs/index.js

@@ -3719,6 +3719,16 @@ const Footer = ({ testId = null, containerTestId = null, cssClasses = null, cont
         React.createElement("section", { "data-testid": footerContentTestId, className: footerContentClasses, style: style !== null && style !== void 0 ? style : undefined }, content)));
 };
 
+const renderMediaSection = (content, position, testId) => content ? (React.createElement("section", { "data-testid": `${testId}-${position}`, className: `media-${position}` }, content)) : null;
+const Media = ({ testId = null, cssClasses = null, style = null, leftContent = null, centerContent = null, rightContent = null }) => {
+    const mediaClasses = parseClasses(['media', cssClasses]);
+    const mediaTestId = testId !== null && testId !== void 0 ? testId : parseTestId({ tag: 'media', parsedClasses: mediaClasses });
+    return (React.createElement("article", { "data-testid": mediaTestId, className: mediaClasses, style: style !== null && style !== void 0 ? style : undefined },
+        renderMediaSection(leftContent, 'left', mediaTestId),
+        renderMediaSection(centerContent, 'content', mediaTestId),
+        renderMediaSection(rightContent, 'right', mediaTestId)));
+};
+
 const renderFieldLabel = (labelText) => labelText ? (React.createElement("label", { "data-testid": 'test-form-field-label', className: 'label' }, labelText)) : null;
 const renderFieldBody = (inputControlConfig, isGrouped) => {
     if (isGrouped) {
@@ -3844,6 +3854,7 @@ exports.InputControl = InputControl;
 exports.Level = Level;
 exports.LevelHeader = LevelHeader;
 exports.LevelItem = LevelItem;
+exports.Media = Media;
 exports.Menu = Menu;
 exports.MenuItem = MenuItem;
 exports.MenuList = MenuList;