text: import {
    primaryColor,
    warningColor,
    dangerColor,
    successColor,
    infoColor,
    roseColor,
    grayColor
  } from "@assets/jss/index.js";
  
  const customLinearProgressStyle = {
    root: {
      height: "4px",
      marginBottom: "20px",
      overflow: "hidden"
    },
    bar: {
      height: "4px"
    },
    primary: {
      backgroundColor: primaryColor
    },
    warning: {
      backgroundColor: warningColor
    },
    danger: {
      backgroundColor: dangerColor
    },
    success: {
      backgroundColor: successColor
    },
    info: {
      backgroundColor: infoColor
    },
    rose: {
      backgroundColor: roseColor
    },
    gray: {
      backgroundColor: grayColor
    },
    primaryBackground: {
      background: "rgba(156, 39, 176, 0.2)"
    },
    warningBackground: {
      background: "rgba(255, 152, 0, 0.2)"
    },
    dangerBackground: {
      background: "rgba(244, 67, 54, 0.2)"
    },
    successBackground: {
      background: "rgba(76, 175, 80, 0.2)"
    },
    infoBackground: {
      background: "rgba(0, 188, 212, 0.2)"
    },
    roseBackground: {
      background: "rgba(233, 30, 99, 0.2)"
    },
    grayBackground: {
      background: "rgba(221, 221, 221, 0.2)"
    }
  };
  
  export default customLinearProgressStyle;
  