"use strict";

exports.__esModule = true;
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _Select = _interopRequireDefault(require("./../Select"));
var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
var _styles = require("@material-ui/core/styles");
var _classnames = _interopRequireDefault(require("classnames"));
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: {
      margin: "0 ".concat(theme.spacing(0.5))
    },
    title: {
      fontFamily: theme.typography.fontFamily,
      fontSize: theme.typography.fieldLabelSize,
      color: theme.palette.text.hint,
      marginBottom: theme.spacing(0.5)
    }
  };
});
var TitledSelect = function TitledSelect(_ref) {
  var options = _ref.options,
    title = _ref.title,
    selectProps = _ref.selectProps,
    textStyle = _ref.textStyle;
  var classes = useStyles();
  var titledSelect = /*#__PURE__*/_react.default.createElement("div", {
    className: classes.container
  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
    children: title,
    className: (0, _classnames.default)(classes.title, textStyle)
  }), /*#__PURE__*/_react.default.createElement(_Select.default, {
    options: options,
    selectProps: selectProps
  }));
  return titledSelect;
};
__signature__(TitledSelect, "useStyles{classes}", function () {
  return [useStyles];
});
__signature__(TitledSelect, "useStyles{classes}", function () {
  return [useStyles];
});
var _default = TitledSelect;
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/Inputs/PredefinedElements/TitledSelect.js");
  reactHotLoader.register(TitledSelect, "TitledSelect", "/home/vsts/work/1/s/src/components/MaterialUI/Inputs/PredefinedElements/TitledSelect.js");
  reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/MaterialUI/Inputs/PredefinedElements/TitledSelect.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/Inputs/PredefinedElements/TitledSelect.js");
  reactHotLoader.register(TitledSelect, "TitledSelect", "/home/vsts/work/1/s/src/components/MaterialUI/Inputs/PredefinedElements/TitledSelect.js");
  reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/MaterialUI/Inputs/PredefinedElements/TitledSelect.js");
})();
;
(function () {
  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
  leaveModule && leaveModule(module);
})();