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 ```