hamid zarghami
20 lines
552 B
TypeScript
20 lines
552 B
TypeScript
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 |