"use strict";

exports.__esModule = true;
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _styles = require("@material-ui/core/styles");
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);
})();
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 {
    container: {
      display: "flex",
      padding: "".concat(theme.spacing(1), " ").concat(theme.spacing(2)),
      minHeight: theme.spacing(4),
      alignItems: "center",
      borderBottom: "".concat(theme.spacing(0.1), " solid ").concat(theme.palette.grey.borders)
    },
    rightContent: {
      justifyContent: "flex-end",
      alignItems: "center",
      display: "flex",
      flex: 1
    }
  };
});
var SectionToolbar = function SectionToolbar(_ref) {
  var children = _ref.children,
    rightContent = _ref.rightContent;
  var classes = useStyles();
  var container = /*#__PURE__*/_react.default.createElement("div", {
    className: classes.container
  }, children, [rightContent && /*#__PURE__*/_react.default.createElement("div", {
    key: "rightContent",
    className: classes.rightContent
  }, rightContent)]);
  return container;
};
__signature__(SectionToolbar, "useStyles{classes}", function () {
  return [useStyles];
});
__signature__(SectionToolbar, "useStyles{classes}", function () {
  return [useStyles];
});
var _default = SectionToolbar;
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/MaterialUI/DataDisplay/PredefinedElements/SectionToolbar.js");
  reactHotLoader.register(SectionToolbar, "SectionToolbar", "/home/vsts/work/1/s/src/components/MaterialUI/DataDisplay/PredefinedElements/SectionToolbar.js");
  reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/MaterialUI/DataDisplay/PredefinedElements/SectionToolbar.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/MaterialUI/DataDisplay/PredefinedElements/SectionToolbar.js");
  reactHotLoader.register(SectionToolbar, "SectionToolbar", "/home/vsts/work/1/s/src/components/MaterialUI/DataDisplay/PredefinedElements/SectionToolbar.js");
  reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/MaterialUI/DataDisplay/PredefinedElements/SectionToolbar.js");
})();
;
(function () {
  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
  leaveModule && leaveModule(module);
})();