@bigbinary/neeto-site-blocks 1.1.1 → 1.1.2

package/dist/index.cjs.js

@@ -15582,6 +15582,51 @@ var Typography = function Typography(_ref) {
 Typography.displayName = "Typography";
 var Typography$1 = withConditionalRender(Typography, prop("children"));
 
+var BlogContent = function BlogContent(_ref) {
+  var configurations = _ref.configurations,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    id = _ref.id;
+  var properties = configurations.properties,
+    design = configurations.design;
+  var _properties$content = properties.content,
+    title = _properties$content.title,
+    description = _properties$content.description,
+    content = _properties$content.content,
+    enableAnimation = properties.enableAnimation,
+    imageSrc = properties.image.src,
+    src = properties.backgroundImage.src;
+  var baseClasses = "grid grid-cols-12 items-center";
+  var textClasses = "col-span-12 sm:col-span-8 sm:col-start-3 lg:col-span-6 lg:col-start-4";
+  return /*#__PURE__*/React__default["default"].createElement(BlockWrapper, {
+    className: className,
+    enableAnimation: enableAnimation,
+    id: id,
+    backgroundImage: mergeLeft({
+      src: src
+    }, design.backgroundImage),
+    design: design.body,
+    nestedClassName: baseClasses
+  }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
+    isTitle: true,
+    className: textClasses,
+    component: "h1",
+    style: design.title
+  }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
+    isTitle: true,
+    className: textClasses,
+    style: design.description
+  }, description), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-span-12 flex justify-center sm:col-span-8 sm:col-start-3"
+  }, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
+    design: design.image,
+    src: imageSrc
+  })), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
+    className: textClasses,
+    style: design.content
+  }, content));
+};
+
 var CardsClassic = function CardsClassic(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
@@ -41319,6 +41364,7 @@ var index = /*#__PURE__*/Object.freeze({
 	Outlined: OutlineIcons
 });
 
+exports.BlogContent = BlogContent;
 exports.CardsClassic = CardsClassic;
 exports.CardsInGridView = CardsInGridView;
 exports.CardsWithCustomizableGrid = CardsWithCustomizableGrid;