import React, { useMemo } from "react";
import PropTypes from "prop-types";
import { useSelector } from "react-redux";
import "./Menu.scss";
const propTypes = {
  children: PropTypes.node.isRequired
};
function Menu(_ref) {
  let {
    children
  } = _ref;
  const menuOpen = useSelector(state => state.app.menuOpen);
  const className = useMemo(() => {
    return "wkp-menu-wrapper".concat(menuOpen ? " wkp-menu-wrapper-open" : "");
  }, [menuOpen]);
  return /*#__PURE__*/React.createElement("div", {
    className: className
  }, children);
}
Menu.propTypes = propTypes;
export default /*#__PURE__*/React.memo(Menu);
//# sourceMappingURL=Menu.js.map