You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
803 B
35 lines
803 B
import React from 'react'; |
|
import PropTypes from 'prop-types'; |
|
import classNames from 'classnames'; |
|
|
|
export default class RadioButton extends React.PureComponent { |
|
|
|
static propTypes = { |
|
value: PropTypes.string.isRequired, |
|
checked: PropTypes.bool, |
|
name: PropTypes.string.isRequired, |
|
onChange: PropTypes.func.isRequired, |
|
label: PropTypes.node.isRequired, |
|
}; |
|
|
|
render () { |
|
const { name, value, checked, onChange, label } = this.props; |
|
|
|
return ( |
|
<label className='radio-button'> |
|
<input |
|
name={name} |
|
type='radio' |
|
value={value} |
|
checked={checked} |
|
onChange={onChange} |
|
/> |
|
|
|
<span className={classNames('radio-button__input', { checked })} /> |
|
|
|
<span>{label}</span> |
|
</label> |
|
); |
|
} |
|
|
|
}
|
|
|