@wix/design-system/dist/cjs/MarketingPageLayout/MarketingPageLayout.js

@wix/design-system

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _MarketingPageLayoutSt = require("./MarketingPageLayout.st.css.js");
var _constants = require("./constants");
var _Layout = require("../Layout");
var _Divider = _interopRequireDefault(require("../Divider"));
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/cjs/MarketingPageLayout/MarketingPageLayout.tsx";
/** Marketing Page Layout */
function MarketingPageLayout(_ref) {
  var {
    dataHook,
    className,
    horizontalSize = 'large',
    verticalSize = 'large',
    removeImageHorizontalPadding = false,
    removeImageVerticalPadding = false,
    content,
    image,
    footer,
    height,
    fullHeightImage = false
  } = _ref;
  return /*#__PURE__*/_react.default.createElement(_Layout.Layout, {
    dataHook: dataHook,
    className: (0, _MarketingPageLayoutSt.st)(_MarketingPageLayoutSt.classes.root, {
      horizontalSize,
      verticalSize,
      removeImageHorizontalPadding,
      removeImageVerticalPadding
    }, className),
    height: height,
    gap: 0,
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 25,
      columnNumber: 5
    }
  }, content && /*#__PURE__*/_react.default.createElement(_Layout.Cell, {
    span: 6,
    vertical: true,
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 41,
      columnNumber: 9
    }
  }, /*#__PURE__*/_react.default.createElement("div", {
    "data-hook": _constants.dataHooks.contentContainer,
    className: _MarketingPageLayoutSt.classes.contentContainer,
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 42,
      columnNumber: 11
    }
  }, content)), image && /*#__PURE__*/_react.default.createElement(_Layout.Cell, {
    span: 6,
    className: _MarketingPageLayoutSt.classes.imageCell,
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 51,
      columnNumber: 9
    }
  }, /*#__PURE__*/_react.default.createElement("div", {
    "data-hook": _constants.dataHooks.imageContainer,
    className: (0, _MarketingPageLayoutSt.st)(_MarketingPageLayoutSt.classes.imageContainer, {
      full: fullHeightImage
    }),
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 52,
      columnNumber: 11
    }
  }, image)), footer && /*#__PURE__*/_react.default.createElement(_Layout.Cell, {
    span: 12,
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 63,
      columnNumber: 9
    }
  }, /*#__PURE__*/_react.default.createElement(_Divider.default, {
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 64,
      columnNumber: 11
    }
  }), /*#__PURE__*/_react.default.createElement("div", {
    "data-hook": _constants.dataHooks.footerContainer,
    className: _MarketingPageLayoutSt.classes.footerContainer,
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 65,
      columnNumber: 11
    }
  }, footer)));
}
MarketingPageLayout.displayName = 'MarketingPageLayout';
var _default = exports.default = MarketingPageLayout;
//# sourceMappingURL=MarketingPageLayout.js.map