import { FC } from 'react'

type Props = {
    isActive: boolean,
    value: 'year' | '3month' | 'month',
    onChange: (value: 'year' | '3month' | 'month') => void
}

const Radio: FC<Props> = (props: Props) => {
    return (
        <div onClick={() => props.onChange(props.value)} className='size-4 cursor-pointer rounded-full bg-[#EAEDF5] flex justify-center items-center'>
            {
                props.isActive &&
                <div className='size-2 bg-black rounded-full'></div>
            }
        </div>
    )
}

export default Radio