@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 _context = require("../WixDesignSystemProvider/context");
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/cjs/MarketingPageLayout/MarketingPageLayout.tsx";
/** Marketing Page Layout */
function MarketingPageLayout(_ref) {
  var dataHook = _ref.dataHook,
    className = _ref.className,
    _ref$horizontalSize = _ref.horizontalSize,
    horizontalSize = _ref$horizontalSize === void 0 ? 'large' : _ref$horizontalSize,
    _ref$verticalSize = _ref.verticalSize,
    verticalSize = _ref$verticalSize === void 0 ? 'large' : _ref$verticalSize,
    _ref$removeImageHoriz = _ref.removeImageHorizontalPadding,
    removeImageHorizontalPadding = _ref$removeImageHoriz === void 0 ? false : _ref$removeImageHoriz,
    _ref$removeImageVerti = _ref.removeImageVerticalPadding,
    removeImageVerticalPadding = _ref$removeImageVerti === void 0 ? false : _ref$removeImageVerti,
    content = _ref.content,
    image = _ref.image,
    footer = _ref.footer,
    height = _ref.height,
    _ref$fullHeightImage = _ref.fullHeightImage,
    fullHeightImage = _ref$fullHeightImage === void 0 ? false : _ref$fullHeightImage;
  var _React$useContext = _react.default.useContext(_context.WixDesignSystemContext),
    mobile = _React$useContext.mobile;
  var sectionSpan = mobile ? 12 : 6;
  var ContentCell = content && /*#__PURE__*/_react.default.createElement(_Layout.Cell, {
    span: sectionSpan,
    vertical: true,
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 30,
      columnNumber: 5
    }
  }, /*#__PURE__*/_react.default.createElement("div", {
    "data-hook": _constants.dataHooks.contentContainer,
    className: _MarketingPageLayoutSt.classes.contentContainer,
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 31,
      columnNumber: 7
    }
  }, content));
  var ImageCell = image && /*#__PURE__*/_react.default.createElement(_Layout.Cell, {
    span: sectionSpan,
    className: _MarketingPageLayoutSt.classes.imageCell,
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 41,
      columnNumber: 5
    }
  }, /*#__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: 42,
      columnNumber: 7
    }
  }, image));
  return /*#__PURE__*/_react.default.createElement(_Layout.Layout, {
    dataHook: dataHook,
    className: (0, _MarketingPageLayoutSt.st)(_MarketingPageLayoutSt.classes.root, {
      horizontalSize,
      verticalSize,
      removeImageHorizontalPadding,
      removeImageVerticalPadding,
      mobile
    }, className),
    height: height,
    gap: 0,
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 54,
      columnNumber: 5
    }
  }, mobile ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ImageCell, ContentCell) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ContentCell, ImageCell), footer && /*#__PURE__*/_react.default.createElement(_Layout.Cell, {
    span: 12,
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 82,
      columnNumber: 9
    }
  }, /*#__PURE__*/_react.default.createElement(_Divider.default, {
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 83,
      columnNumber: 11
    }
  }), /*#__PURE__*/_react.default.createElement("div", {
    "data-hook": _constants.dataHooks.footerContainer,
    className: _MarketingPageLayoutSt.classes.footerContainer,
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 84,
      columnNumber: 11
    }
  }, footer)));
}
MarketingPageLayout.displayName = 'MarketingPageLayout';
var _default = exports.default = MarketingPageLayout;
//# sourceMappingURL=MarketingPageLayout.js.map