"use strict";

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

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

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

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

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

var _styles = require("@material-ui/core/styles");

var _Popper = _interopRequireDefault(require("@material-ui/core/Popper"));

var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));

var _excluded = ["classes", "children"];

var styles = function styles() {
  return {
    popover: {
      background: '#fff',
      padding: '10px',
      pointerEvents: 'none',
      zIndex: 99999
    },
    paper: {
      padding: 20,
      height: 'auto',
      width: 'auto'
    },
    typography: {
      fontSize: 50,
      textAlign: 'center'
    }
  };
};

var CustomPopper = (0, _styles.withStyles)(styles)(function (_ref) {
  var classes = _ref.classes,
      children = _ref.children,
      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
  return /*#__PURE__*/_react["default"].createElement(_Popper["default"], (0, _extends2["default"])({
    id: "mouse-over-popover",
    open: true,
    className: classes.popover,
    classes: {
      paper: classes.paper
    },
    anchorOrigin: {
      vertical: 'bottom',
      horizontal: 'left'
    },
    transformOrigin: {
      vertical: 'top',
      horizontal: 'left'
    },
    disableRestoreFocus: true,
    disableAutoFocus: true
  }, props), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
    classes: {
      root: classes.typography
    }
  }, children));
});
var _default = CustomPopper;
exports["default"] = _default;
//# sourceMappingURL=custom-popper.js.map