"use strict";

exports.__esModule = true;
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _styles = require("@material-ui/core/styles");
var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
var _withId = _interopRequireDefault(require("../../../hocs/withId"));
var _Icon = _interopRequireDefault(require("../../MaterialUI/DataDisplay/Icon"));
var _reactIntl = require("react-intl");
var _excluded = ["id", "icon", "buttonText", "update", "primary"];
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
(function () {
  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
  enterModule && enterModule(module);
})();
(function () {
  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
  enterModule && enterModule(module);
})();
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
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; }
var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
  return a;
};
var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
  return a;
};
var useStyles = (0, _styles.makeStyles)(function (theme) {
  return {
    positionedButton: {
      width: "max-content",
      position: "relative",
      padding: "6px 14px !important",
      "&:hover": {
        borderColor: "#4fa1f0",
        boxShadow: "0 0 4px #4fa1f0",
        outline: "none",
        backgroundColor: "#f7f7f7 !important"
      },
      "&:disabled": {
        opacity: 0.6,
        backgroundColor: "#f7f7f7 !important"
      }
    },
    buttonIcon: {
      height: "1em",
      width: "1em",
      fill: "currentColor",
      stroke: "currentColor",
      fontSize: "1.23em !important"
    },
    primaryButton: {
      color: "".concat(theme.palette.primary.main, " !important"),
      border: "1px solid ".concat(theme.palette.primary.main, " !important"),
      backgroundColor: "#fff !important",
      "&:hover": {
        backgroundColor: "#fff !important"
      }
    },
    primaryIcon: {
      color: "".concat(theme.palette.primary.main, " !important")
    }
  };
});
var FormButton = function FormButton(_ref) {
  var id = _ref.id,
    icon = _ref.icon,
    buttonText = _ref.buttonText,
    update = _ref.update,
    primary = _ref.primary,
    props = _objectWithoutProperties(_ref, _excluded);
  var classes = useStyles();
  return /*#__PURE__*/_react.default.createElement(_Button.default, _extends({
    id: id,
    className: "".concat(classes.positionedButton, " ").concat(primary ? classes.primaryButton : ""),
    onClick: update,
    variant: "outlined",
    startIcon: icon ? /*#__PURE__*/_react.default.createElement(_Icon.default, {
      id: icon,
      className: "".concat(classes.buttonIcon, " ").concat(primary ? classes.primaryIcon : "")
    }) : null
  }, props), buttonText ? /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, buttonText) : null);
};
__signature__(FormButton, "useStyles{classes}", function () {
  return [useStyles];
});
__signature__(FormButton, "useStyles{classes}", function () {
  return [useStyles];
});
FormButton.displayName = "FormButton";
var _default = (0, _withId.default)("formbutton")(FormButton);
var _default2 = _default;
var _default3 = exports.default = _default2;
;
(function () {
  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
  if (!reactHotLoader) {
    return;
  }
  reactHotLoader.register(useStyles, "useStyles", "/home/vsts/work/1/s/src/components/Form/Inputs/Button.js");
  reactHotLoader.register(FormButton, "FormButton", "/home/vsts/work/1/s/src/components/Form/Inputs/Button.js");
  reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/Form/Inputs/Button.js");
})();
;
(function () {
  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
  leaveModule && leaveModule(module);
})();
;
(function () {
  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
  if (!reactHotLoader) {
    return;
  }
  reactHotLoader.register(useStyles, "useStyles", "/home/vsts/work/1/s/src/components/Form/Inputs/Button.js");
  reactHotLoader.register(FormButton, "FormButton", "/home/vsts/work/1/s/src/components/Form/Inputs/Button.js");
  reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/Form/Inputs/Button.js");
})();
;
(function () {
  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
  leaveModule && leaveModule(module);
})();