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

@wix/design-system

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.MarketingPageLayout = MarketingPageLayout;
var _react = _interopRequireDefault(require("react"));
var _MarketingPageLayoutSt = require("./MarketingPageLayout.st.css.js");
var _constants = require("./constants");
var _Layout = require("../Layout");
var _Divider = require("../Divider");
var _context = require("../WixDesignSystemProvider/context");
var _context2 = require("./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$layout = _ref.layout,
    layout = _ref$layout === void 0 ? 'imageSideEnd' : _ref$layout,
    _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 imageTop = layout === 'imageTop';
  var sectionSpan = mobile || imageTop ? 12 : 6;
  var ContentCell = content && /*#__PURE__*/_react.default.createElement(_Layout.Cell, {
    span: sectionSpan,
    vertical: true,
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 33,
      columnNumber: 5
    }
  }, /*#__PURE__*/_react.default.createElement("div", {
    "data-hook": _constants.dataHooks.contentContainer,
    className: _MarketingPageLayoutSt.classes.contentContainer,
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 34,
      columnNumber: 7
    }
  }, content));
  var ImageCell = image && /*#__PURE__*/_react.default.createElement("div", {
    className: _MarketingPageLayoutSt.classes.imageCell,
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 44,
      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: 45,
      columnNumber: 7
    }
  }, image));
  return /*#__PURE__*/_react.default.createElement(_context2.MarketingPageLayoutContext.Provider, {
    value: {
      layout
    },
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 57,
      columnNumber: 5
    }
  }, /*#__PURE__*/_react.default.createElement(_Layout.Layout, {
    dataHook: dataHook,
    className: (0, _MarketingPageLayoutSt.st)(_MarketingPageLayoutSt.classes.root, {
      horizontalSize,
      verticalSize,
      layout,
      removeImageHorizontalPadding,
      removeImageVerticalPadding,
      mobile
    }, className),
    height: height,
    gap: 0,
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 58,
      columnNumber: 7
    }
  }, mobile || imageTop ? /*#__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("div", {
    className: _MarketingPageLayoutSt.classes.footerCell,
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 87,
      columnNumber: 11
    }
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: _MarketingPageLayoutSt.classes.footerDividerContainer,
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 88,
      columnNumber: 13
    }
  }, /*#__PURE__*/_react.default.createElement(_Divider.Divider, {
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 89,
      columnNumber: 15
    }
  })), /*#__PURE__*/_react.default.createElement("div", {
    "data-hook": _constants.dataHooks.footerContainer,
    className: _MarketingPageLayoutSt.classes.footerContainer,
    __self: this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 92,
      columnNumber: 13
    }
  }, footer))));
}
MarketingPageLayout.displayName = 'MarketingPageLayout';
//# sourceMappingURL=MarketingPageLayout.js.map