| 1 |
import React, {Fragment} from 'react'; |
| 2 |
|
| 3 |
const FieldRadio = (props) => { |
| 4 |
return ( |
| 5 |
<Fragment> |
| 6 |
{ |
| 7 |
props.options.map((option) => ( |
| 8 |
<div className="wpupg-admin-modal-link-field-radio-option" key={option.value}> |
| 9 |
<input |
| 10 |
type="radio" |
| 11 |
value={option.value} |
| 12 |
name={`wpupg-admin-radio-${props.id}`} |
| 13 |
id={`wpupg-admin-radio-${props.id}-${option.value}`} |
| 14 |
checked={props.value == option.value} |
| 15 |
onChange={(e) => { |
| 16 |
props.onChange(e.target.value); |
| 17 |
}} |
| 18 |
/><label htmlFor={`wpupg-admin-radio-${props.id}-${option.value}`}>{ option.label }</label> |
| 19 |
</div> |
| 20 |
)) |
| 21 |
} |
| 22 |
</Fragment> |
| 23 |
); |
| 24 |
} |
| 25 |
export default FieldRadio; |
