const _excluded = ["children"];
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
import React from "react";
import { withStyles } from "@mui/styles";
import PropTypes from "prop-types";
import { IconButton } from "@mui/material";
const StyledIconButton = withStyles(theme => ({
  root: {
    backgroundColor: "white",
    borderRadius: "50%",
    width: 40,
    height: 40,
    boxShadow: "0 0 7px rgba(0, 0, 0, 0.9)",
    transition: "box-shadow 0.5s ease",
    color: theme.colors.darkGray,
    "& svg": {
      width: "100%",
      height: "100%"
    },
    "&:hover": {
      boxShadow: "0 0 12px 2px rgba(0, 0, 0, 0.9)",
      backgroundColor: "white",
      color: theme.palette.secondary.dark
    },
    "&:disabled": {
      boxShadow: "0 0 7px 2px rgba(0, 0, 0, 0.4)",
      backgroundColor: "white",
      "& svg": {
        opacity: 0.4
      }
    }
  }
}))(IconButton);
function MapButton(_ref) {
  let {
      children
    } = _ref,
    props = _objectWithoutProperties(_ref, _excluded);
  return /*#__PURE__*/React.createElement(StyledIconButton, props, children);
}
MapButton.propTypes = {
  children: PropTypes.node.isRequired
};
export default MapButton;
//# sourceMappingURL=MapButton.js.map