text: import React from "react";
  import PropTypes from "prop-types";
  import CircularProgress from "@material-ui/core/CircularProgress";
  import Typography from "@material-ui/core/Typography";
  import Box from "@material-ui/core/Box";
  
  export default function CircularProgressWithLabel(props) {
    return (
      <Box position="relative" display="inline-flex">
        <CircularProgress variant="determinate" {...props} />
        <Box
          top={0}
          left={0}
          bottom={0}
          right={0}
          position="absolute"
          display="flex"
          alignItems="center"
          justifyContent="center"
        >
          <Typography
            variant="caption"
            component="div"
            color="textSecondary"
          >{`${Math.round(props.value)}%`}</Typography>
        </Box>
      </Box>
    );
  }
  /*
  CircularProgressWithLabel.propTypes = {
    /**
     * The value of the progress indicator for the determinate variant.
     * Value between 0 and 100.
     
    value: props.value,
  };
  
  export default function CircularStatic() {
    const [progress, setProgress] = React.useState(10);
  
    React.useEffect(() => {
      setProgress((prevProgress) =>
        prevProgress >= 100 ? 0 : prevProgress + 10
      );
      return () => {
        clearInterval(timer);
      };
    }, []);
  
    return <CircularProgressWithLabel value={progress} />;
  }
  */
  