wix-style-react/dist/src/BaseModalLayout/LayoutBlocks/Illustration/Illustration.js

wix-style-react

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Illustration = void 0;

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _IllustrationSt = require("./Illustration.st.css");

var _constants = require("../../constants");

var _BaseModalLayoutContext = require("../../BaseModalLayoutContext");

var Illustration = function Illustration(_ref) {
  var dataHook = _ref.dataHook,
      className = _ref.className,
      children = _ref.children;

  var _useBaseModalLayoutCo = (0, _BaseModalLayoutContext.useBaseModalLayoutContext)(),
      illustrationClassName = _useBaseModalLayoutCo.illustrationClassName,
      _useBaseModalLayoutCo2 = _useBaseModalLayoutCo.illustration,
      illustration = _useBaseModalLayoutCo2 === void 0 ? children : _useBaseModalLayoutCo2;

  return illustration && /*#__PURE__*/_react["default"].createElement("div", {
    "data-hook": dataHook,
    className: (0, _IllustrationSt.st)(_IllustrationSt.classes.root, illustrationClassName, className)
  }, typeof illustration === 'string' ? /*#__PURE__*/_react["default"].createElement("img", {
    className: _IllustrationSt.classes.image,
    src: illustration,
    "data-hook": _constants.dataHooks.illustrationSrc
  }) : illustration) || null;
};

exports.Illustration = Illustration;
Illustration.propTypes = {
  /** additional css classes */
  className: _propTypes["default"].string,

  /** data hook for testing */
  dataHook: _propTypes["default"].string,

  /** The illustration src or the illustration node itself */
  illustration: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node])
};
Illustration.defaultProps = {};