import React from 'react'; import PropTypes from 'prop-types'; import classNames from 'classnames'; import Check from 'flavours/glitch/components/check'; export default class Option extends React.PureComponent { static propTypes = { name: PropTypes.string.isRequired, value: PropTypes.string.isRequired, checked: PropTypes.bool, label: PropTypes.node, description: PropTypes.node, onToggle: PropTypes.func, multiple: PropTypes.bool, labelComponent: PropTypes.node, }; handleKeyPress = e => { const { value, checked, onToggle } = this.props; if (e.key === 'Enter' || e.key === ' ') { e.stopPropagation(); e.preventDefault(); onToggle(value, !checked); } } handleChange = e => { const { value, onToggle } = this.props; onToggle(value, e.target.checked); } render () { const { name, value, checked, label, labelComponent, description, multiple } = this.props; return ( ); } }