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

wix-style-react

"use strict";

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

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

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

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

var _FootnoteSt = require("./Footnote.st.css");

var _Divider = _interopRequireDefault(require("../../../Divider"));

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

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

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

  return footnote && /*#__PURE__*/_react["default"].createElement("div", {
    "data-hook": dataHook,
    className: (0, _FootnoteSt.st)(_FootnoteSt.classes.root, footnoteClassName, className)
  }, /*#__PURE__*/_react["default"].createElement(_Divider["default"], null), /*#__PURE__*/_react["default"].createElement("div", {
    className: _FootnoteSt.classes.innerContent
  }, footnote)) || null;
};

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

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

  /** a footnote node, to be rendered at the very bottom of the modal */
  footnote: _propTypes["default"].node
};