"use strict";

exports.__esModule = true;
exports.default = void 0;

var _react = _interopRequireDefault(require("react"));

var _styles = require("@material-ui/core/styles");

var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

(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 {
    title: {
      fontSize: theme.typography.fontSize,
      color: theme.palette.primary.main,
      fontFamily: theme.typography.button.fontFamily,
      fontStyle: "italic",
      textTransform: theme.typography.button.textTransform,
      marginBottom: theme.spacing(1)
    }
  };
});

var SectionTitle = function SectionTitle(_ref) {
  var title = _ref.title;
  var classes = useStyles();

  if (title !== null) {
    return /*#__PURE__*/_react.default.createElement(_Typography.default, {
      className: classes.title,
      children: title
    });
  } else {
    return null;
  }
};

__signature__(SectionTitle, "useStyles{classes}", function () {
  return [useStyles];
});

__signature__(SectionTitle, "useStyles{classes}", function () {
  return [useStyles];
});

var _default = SectionTitle;
var _default2 = _default;
var _default3 = _default2;
exports.default = _default3;
;

(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/SectionTitle.js");
  reactHotLoader.register(SectionTitle, "SectionTitle", "/home/vsts/work/1/s/src/components/MaterialUI/DataDisplay/PredefinedElements/SectionTitle.js");
  reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/MaterialUI/DataDisplay/PredefinedElements/SectionTitle.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/SectionTitle.js");
  reactHotLoader.register(SectionTitle, "SectionTitle", "/home/vsts/work/1/s/src/components/MaterialUI/DataDisplay/PredefinedElements/SectionTitle.js");
  reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/MaterialUI/DataDisplay/PredefinedElements/SectionTitle.js");
})();

;

(function () {
  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
  leaveModule && leaveModule(module);
})();