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

Wulper Studio Library Components CMS

import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
import { styled, LinearProgress } from '@mui/material';
import { linearProgressClasses } from '@mui/material/LinearProgress';
var LinearProgressBar = styled(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 _defineProperty(_defineProperty({
    height: height || 10,
    borderRadius: borderRadius || 5
  }, "&.".concat(linearProgressClasses.colorPrimary), {
    backgroundColor: backgroundColorBar || '#F1F3F4'
  }), "& .".concat(linearProgressClasses.bar), {
    borderRadius: borderRadius || 5,
    backgroundColor: colorBar || theme.palette.primary.main
  });
});
export default LinearProgressBar;