import { Component } from 'react'
import { CountdownCircleTimer } from 'react-countdown-circle-timer'

export class Timer extends Component {
    render() {
        return (
            <CountdownCircleTimer
                isPlaying
                duration={this.props.timeLeft}
                colors={['#004777', '#F7B801', '#A30000', '#A30000']}
                colorsTime={[7, 5, 2, 0]}
            >
                {({ remainingTime }) => remainingTime}
            </CountdownCircleTimer>
        )
    }
}
