import { RingProgress } from '@tidbcloud/uikit'

interface RefreshProgressProps {
  value: number
}

const RefreshProgress: React.FC<React.PropsWithChildren<RefreshProgressProps>> = ({ value }) => {
  return <RingProgress mx={-4} size={22} thickness={4} rootColor="carbon.5" sections={[{ value, color: 'carbon.8' }]} />
}

export default RefreshProgress