"use strict";

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

var _default = function _default(theme) {
  return {
    component: {
      display: 'flex',
      alignItems: 'center'
    },
    label: {
      fontFamily: theme.typography.font.family2,
      color: theme.palette.blueGrey['50'],
      fontWeight: 400,
      fontSize: 15,
      marginRight: 20
    },
    percentage: {
      fontFamily: theme.typography.font.family2,
      color: '#c4c4c4',
      fontWeight: 400,
      fontSize: 15,
      marginLeft: 20
    },
    progressBar: {
      borderRadius: function borderRadius(props) {
        return props.rounded ? 10 : 0;
      },
      backgroundColor: function backgroundColor(props) {
        return "".concat(props.unfilledColor);
      },
      width: function width(props) {
        return props.width;
      },
      height: 20,
      position: 'relative',
      overflow: 'hidden'
    },
    filledBar: {
      position: 'absolute',
      backgroundColor: function backgroundColor(props) {
        return "".concat(props.filledColor);
      },
      top: 0,
      bottom: 0,
      left: 0,
      width: function width(props) {
        return "".concat(props.value, "%");
      }
    },
    parts: {
      position: 'absolute',
      top: 0,
      bottom: 0,
      left: 0,
      right: 0
    },
    part: {
      position: 'absolute',
      top: 0,
      bottom: 0,
      left: 0,
      borderRight: "1px solid ".concat(theme.palette.grey['200']),
      '&.hide': {
        display: 'none'
      }
    }
  };
};

exports.default = _default;