@wulperstudio/cms/node/components/LinearProgressBar/LinearProgressBar.js

Wulper Studio Library Components CMS

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _material = require("@mui/material");
var _LinearProgress = require("@mui/material/LinearProgress");
var LinearProgressBar = (0, _material.styled)(_material.LinearProgress, {
  shouldForwardProp: function shouldForwardProp(prop) {
    return prop !== 'colorBar' && prop !== 'backgroundColorBar' && prop !== 'height' && prop !== 'borderRadius';
  }
})(function (_ref) {
  var borderRadius = _ref.borderRadius,
    height = _ref.height,
    backgroundColorBar = _ref.backgroundColorBar,
    colorBar = _ref.colorBar,
    theme = _ref.theme;
  return (0, _defineProperty2["default"])((0, _defineProperty2["default"])({
    height: height || 10,
    borderRadius: borderRadius || 5
  }, "&.".concat(_LinearProgress.linearProgressClasses.colorPrimary), {
    backgroundColor: backgroundColorBar || '#F1F3F4'
  }), "& .".concat(_LinearProgress.linearProgressClasses.bar), {
    borderRadius: borderRadius || 5,
    backgroundColor: colorBar || theme.palette.primary.main
  });
});
var _default = exports["default"] = LinearProgressBar;