|
|
- 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>
- );
- }
-
- }
|