'use client'

import React from 'react'
import { Progress as ProgressAntd, Typography } from 'antd'
import '@/app/css/Progress.scss'

const { Text } = Typography

interface IProps {
  value: number | undefined
}

const Progress = ({ value }: IProps) => {
  return (
    <div className="progress">
      <ProgressAntd
        showInfo={false}
        type="circle"
        strokeColor={'#50c32c'}
        percent={value}
        status="active"
      />
      <Text className="m__t--4">{`${value || 15}%`}</Text>
    </div>
  )
}

export default Progress