wix-style-react/dist/src/MarketingPageLayout/MarketingPageLayout.js

wix-style-react

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _MarketingPageLayoutSt = require("./MarketingPageLayout.st.css");
var _constants = require("./constants");
var _Layout = require("../Layout");
var _Divider = _interopRequireDefault(require("../Divider"));
var _jsxFileName = "/home/builduser/work/a9c1ac8876d5057c/packages/wix-style-react/dist/cjs/MarketingPageLayout/MarketingPageLayout.js";
/** Marketing Page Layout */
class MarketingPageLayout extends _react.default.PureComponent {
  render() {
    var {
      dataHook,
      className,
      horizontalSize,
      verticalSize,
      removeImageHorizontalPadding,
      removeImageVerticalPadding,
      content,
      image,
      footer
    } = this.props;
    return /*#__PURE__*/_react.default.createElement("div", {
      "data-hook": dataHook,
      className: (0, _MarketingPageLayoutSt.st)(_MarketingPageLayoutSt.classes.root, {
        horizontalSize,
        verticalSize,
        removeImageHorizontalPadding,
        removeImageVerticalPadding
      }, className),
      __self: this,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 26,
        columnNumber: 7
      }
    }, /*#__PURE__*/_react.default.createElement(_Layout.Layout, {
      gap: 0,
      __self: this,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 39,
        columnNumber: 9
      }
    }, content && /*#__PURE__*/_react.default.createElement(_Layout.Cell, {
      span: 6,
      vertical: true,
      __self: this,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 41,
        columnNumber: 13
      }
    }, /*#__PURE__*/_react.default.createElement("div", {
      "data-hook": _constants.dataHooks.contentContainer,
      className: _MarketingPageLayoutSt.classes.contentContainer,
      __self: this,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 42,
        columnNumber: 15
      }
    }, content)), image && /*#__PURE__*/_react.default.createElement(_Layout.Cell, {
      span: 6,
      __self: this,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 51,
        columnNumber: 13
      }
    }, /*#__PURE__*/_react.default.createElement("div", {
      "data-hook": _constants.dataHooks.imageContainer,
      className: _MarketingPageLayoutSt.classes.imageContainer,
      __self: this,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 52,
        columnNumber: 15
      }
    }, image)), footer && /*#__PURE__*/_react.default.createElement(_Layout.Cell, {
      span: 12,
      __self: this,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 61,
        columnNumber: 13
      }
    }, /*#__PURE__*/_react.default.createElement(_Divider.default, {
      __self: this,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 62,
        columnNumber: 15
      }
    }), /*#__PURE__*/_react.default.createElement("div", {
      "data-hook": _constants.dataHooks.footerContainer,
      className: _MarketingPageLayoutSt.classes.footerContainer,
      __self: this,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 63,
        columnNumber: 15
      }
    }, footer))));
  }
}
MarketingPageLayout.displayName = 'MarketingPageLayout';
MarketingPageLayout.propTypes = {
  /** Applies a data-hook HTML attribute that can be used in the tests. */
  dataHook: _propTypes.default.string,
  /** Specifies a CSS class name to be appended to the component’s root element. */
  className: _propTypes.default.string,
  /** Controls horizontal padding size. */
  horizontalSize: _propTypes.default.oneOf(['medium', 'large']),
  /** Controls vertical padding size. */
  verticalSize: _propTypes.default.oneOf(['medium', 'large']),
  /** Specifies whether to remove image side paddings. */
  removeImageHorizontalPadding: _propTypes.default.bool,
  /** Specifies whether to remove image vertical paddings. */
  removeImageVerticalPadding: _propTypes.default.bool,
  /** Defines page content. In the majority of cases should use `<MarketingPageLayoutContent/>` component as a content. */
  content: _propTypes.default.node,
  /** Accepts link to an image source or a custom media element. */
  image: _propTypes.default.node,
  /** Accepts content to be displayed at the bottom of a page. */
  footer: _propTypes.default.node
};
MarketingPageLayout.defaultProps = {
  horizontalSize: 'large',
  verticalSize: 'large',
  removeImageHorizontalPadding: false,
  removeImageVerticalPadding: false
};
var _default = exports.default = MarketingPageLayout;
//# sourceMappingURL=MarketingPageLayout.js.map