import React from "react";
import styles from "./resetbutton.module.css";

// Expects a limitHook and resets it to a large range
// Keeps it visible when mouse is down to prevent slight movements
// during the click from making it disappear which will make the click fail.
var ResetButton = props => {
  // console.log('ResetButton props: ',props) 
  var show = props.selectx || props.ismousedown ? "visible" : "hidden";
  var visibility = {
    visibility: props.selectx || props.ismousedown ? "visible" : "hidden"
  };
  var baseClasses = "".concat(styles.activeState, " ").concat(styles.baseStyle);
  var coloration = "".concat(styles.hoverColor, " ").concat(styles.defaultStyle);
  var classnames = props.classnames ? "".concat(props.classnames.join(' '), " ").concat(baseClasses) : "".concat(baseClasses, " ").concat(coloration);
  return /*#__PURE__*/React.createElement("foreignObject", {
    width: props.buttonwidth,
    height: 30,
    x: props.xoffset,
    y: props.yoffset
  }, /*#__PURE__*/React.createElement("button", {
    onClick: () => {
      props.setselection(true, 0, 0, 0, 0);
      props.limitHook.setRawLims('x', [0, 999999999999]);
      props.limitHook.setRawLims('y', [0, 999999999999]);
    },
    style: visibility,
    className: classnames
  }, "reset limits"));
};
export { ResetButton };