reactive-bulma 3.1.0 → 3.2.0

package/dist/cjs/index.js

@@ -3961,12 +3961,31 @@ const NavBar = ({ testId = null, cssClasses = null, style = null, brandConfig =
             renderNavBarMenuSection(itemsAtEnd, 'end', navBarTestId))));
 };
 
+const Card = ({ testId = null, cssClasses = null, style = null, headerText = null, image = null, content, footerLinks = null }) => {
+    const cardClasses = parseClasses(['card', cssClasses]);
+    const cardTestId = testId !== null && testId !== void 0 ? testId : parseTestId({ tag: 'card', parsedClasses: cardClasses });
+    return (React.createElement("section", { "data-testid": cardTestId, className: cardClasses, style: style !== null && style !== void 0 ? style : undefined },
+        headerText ? (React.createElement("header", { "data-testid": `${cardTestId}-header`, className: 'card-header' },
+            React.createElement("p", { className: 'card-header-title' }, headerText),
+            React.createElement("button", { className: 'card-header-icon', "aria-label": 'more options' },
+                React.createElement("span", { className: 'icon' },
+                    React.createElement("i", { className: 'fas fa-angle-down', "aria-hidden": 'true' }))))) : null,
+        image ? (React.createElement("section", { "data-testid": `${cardTestId}-image`, className: 'card-image' },
+            React.createElement(Image, Object.assign({}, image)))) : null,
+        React.createElement("section", { "data-testid": `${cardTestId}-content`, className: 'card-content' }, Array.isArray(content) ? (content.map((_contentConfig, i) => (React.createElement("section", { key: `card-content-item-${generateKey()}`, "data-testid": `${cardTestId}-content-item-${i}`, className: 'content' }, _contentConfig)))) : (React.createElement("section", { className: 'content' }, content))),
+        footerLinks ? (React.createElement("section", { className: 'card-footer' }, footerLinks.map((_footerConfig, i) => {
+            var _a;
+            return (React.createElement("a", { key: `card-footer-item-${generateKey()}`, "data-testid": `${cardTestId}-footer-item-${i}`, className: 'card-footer-item', "aria-hidden": 'true', onClick: (_a = _footerConfig.onClick) !== null && _a !== void 0 ? _a : undefined }, _footerConfig.text));
+        }))) : null));
+};
+
 exports.Block = Block;
 exports.Box = Box;
 exports.BreadcrumbItem = BreadcrumbItem;
 exports.Breadcrumbs = Breadcrumbs;
 exports.Button = Button;
 exports.ButtonGroup = ButtonGroup;
+exports.Card = Card;
 exports.Checkbox = CheckBox;
 exports.Column = Column;
 exports.ColumnGroup = ColumnGroup;