alm-search-01/dist/components/Loader/Loader.js

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

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

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

var _LinearProgress = _interopRequireDefault(require("@material-ui/core/LinearProgress"));

var _brandStyles = _interopRequireDefault(require("../../utils/brandStyles"));

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

var useStyles = (0, _styles.makeStyles)(function (theme) {
  return {
    root: {
      width: '100%',
      '& > * + *': {
        marginTop: theme.spacing(2)
      },
      '& .MuiLinearProgress-barColorPrimary': {
        backgroundColor: function backgroundColor(getBrandStyles) {
          return getBrandStyles.barColor;
        }
      }
    },
    primary: {
      backgroundColor: function backgroundColor(getBrandStyles) {
        return getBrandStyles.barBgColor;
      }
    }
  };
});

var Loader = function Loader(_ref) {
  var brand = _ref.brand;
  var classes = useStyles((0, _brandStyles.default)(brand));
  return _react.default.createElement("div", {
    className: classes.root
  }, _react.default.createElement(_LinearProgress.default, {
    className: classes.primary
  }));
};

var _default = Loader;
exports.default = _default;