"use strict";

exports.__esModule = true;
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _Paper = _interopRequireDefault(require("../Paper"));
var _SectionTitle = _interopRequireDefault(require("../../DataDisplay/PredefinedElements/SectionTitle"));
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",
      flexDirection: "column",
      width: "inherit",
      "& + &": {
        marginTop: theme.spacing(2)
      }
    }
  };
});
var TitledPaper = function TitledPaper(_ref) {
  var title = _ref.title,
    content = _ref.content,
    titleProps = _ref.titleProps,
    paperProps = _ref.paperProps;
  var classes = useStyles();
  return /*#__PURE__*/_react.default.createElement("div", {
    className: classes.container
  }, /*#__PURE__*/_react.default.createElement(_SectionTitle.default, {
    title: title,
    titleProps: titleProps
  }), /*#__PURE__*/_react.default.createElement(_Paper.default, {
    content: content,
    paperProps: paperProps
  }));
};
__signature__(TitledPaper, "useStyles{classes}", function () {
  return [useStyles];
});
__signature__(TitledPaper, "useStyles{classes}", function () {
  return [useStyles];
});
var _default = TitledPaper;
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/Surfaces/PredefinedElements/TitledPaper.js");
  reactHotLoader.register(TitledPaper, "TitledPaper", "/home/vsts/work/1/s/src/components/MaterialUI/Surfaces/PredefinedElements/TitledPaper.js");
  reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/MaterialUI/Surfaces/PredefinedElements/TitledPaper.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/Surfaces/PredefinedElements/TitledPaper.js");
  reactHotLoader.register(TitledPaper, "TitledPaper", "/home/vsts/work/1/s/src/components/MaterialUI/Surfaces/PredefinedElements/TitledPaper.js");
  reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/MaterialUI/Surfaces/PredefinedElements/TitledPaper.js");
})();
;
(function () {
  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
  leaveModule && leaveModule(module);
})();