"use strict";

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

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

var _Paper = _interopRequireDefault(require("../../Surfaces/Paper"));

var _paperProps = _interopRequireDefault(require("../../Surfaces/paperProps"));

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

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

var _Grid = _interopRequireDefault(require("@material-ui/core/Grid"));

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 {
    paper: {
      padding: theme.spacing(1, 2),
      backgroundColor: theme.palette.grey.light
    },
    container: {
      display: "flex",
      width: "auto"
    },
    label: {
      fontSize: theme.typography.h2Size,
      fontFamily: theme.typography.fontFamily,
      fontWeight: theme.typography.fontWeightMedium
    }
  };
});

var TableInfoBar = function TableInfoBar(_ref) {
  var tableLabel = _ref.tableLabel;
  var classes = useStyles();

  var content = /*#__PURE__*/_react.default.createElement(_Grid.default, {
    container: true,
    alignItems: "center"
  }, /*#__PURE__*/_react.default.createElement(_Grid.default, {
    item: true,
    className: classes.container,
    xs: 9,
    md: 10,
    lg: 11
  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
    className: classes.label,
    children: tableLabel
  })));

  var paperProps = new _paperProps.default();
  paperProps.set(_paperProps.default.propNames.square, true);
  paperProps.setStyle(_paperProps.default.ruleNames.root, classes.paper);
  return /*#__PURE__*/_react.default.createElement(_Paper.default, {
    content: content,
    paperProps: paperProps
  });
};

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

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

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

;

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