matt-fr-react-modal/dist/Modal.js

A modal component for your React app

"use strict";

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

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

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

var _ModalModule = _interopRequireDefault(require("./Modal.module.css"));

var _ai = require("react-icons/ai");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var Modal = function Modal(_ref) {
  var message = _ref.message,
      openModal = _ref.openModal,
      setOpenModal = _ref.setOpenModal;
  return openModal && /*#__PURE__*/_react.default.createElement("div", {
    className: _ModalModule.default.background,
    onClick: function onClick() {
      setOpenModal(false);
    }
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: _ModalModule.default.backgroundContainer,
    onClick: function onClick() {
      setOpenModal(false);
    }
  }, /*#__PURE__*/_react.default.createElement("h3", {
    className: _ModalModule.default.backgroundContainertitle
  }, message), /*#__PURE__*/_react.default.createElement(_ai.AiFillCloseCircle, {
    className: _ModalModule.default.closeIcon
  })));
};

exports.Modal = Modal;
Modal.propTypes = {
  message: _propTypes.default.string,
  openModal: _propTypes.default.bool.isRequired,
  setOpenModal: _propTypes.default.bool.isRequired
};