React radiobutton, не могу понять как сделать так чтобы один из пунктов был не активен(их 3)

interface OptionType { 
    label: string;
    value: string;
}

interface radioProps{
    variant?: 'standart'|'color'|'ajsdaks';
    color?: 'default';
    size?: 'medium';
    disabled?: boolean;
    labelPosition?: 'top'| 'right' | 'bottom' | 'left';
    option: OptionType[];
}


const Index = ({
    variant = 'standart',
    color = 'default',
    size='medium',
    disabled=false,
    labelPosition = 'right',
    option=[]
}:radioProps) => {
    
    const [isChecked, setIsChecked] = React.useState(option[0].value)
    

    const classNames = [
        s[variant],
        s[size],
        s[color],
        disabled ? s.disabled : '',
        s[labelPosition]
    ]
    
    return (
        <>
            {option?.map((el: any, i: number)=> (
                <div className={classNames.join(' ')} key={i}>
                            <input 
                                type="radio" 
                                checked={isChecked == el.value}
                                onChange={(e) => setIsChecked(el.value)}
                            />
                            {el.label && <label >{el.label}</label>}
                            
                </div>
                
            ))}
        </>
    );

}


export default Index ```

Ответы (0 шт):