// ** React Imports
import { useEffect, useState } from 'react'
// ** MUI Imports
import Box from '@mui/material/Box'
import Typography from '@mui/material/Typography'
import CircularProgress, { CircularProgressProps } from '@mui/material/CircularProgress'
const Progress = (props: CircularProgressProps) => {
return (
{`${Math.round(props.value as number)}%`}
)
}
const ProgressCircularWithLabel = () => {
// ** State
const [progress, setProgress] = useState(10)
useEffect(() => {
const timer = setInterval(() => {
setProgress(prevProgress => (prevProgress >= 100 ? 0 : prevProgress + 10))
}, 800)
return () => {
clearInterval(timer)
}
}, [])
return
}
export default ProgressCircularWithLabel