import PropTypes from 'prop-types'; import { PureComponent } from 'react'; import classNames from 'classnames'; import { ReactComponent as CheckIcon } from '@material-symbols/svg-600/outlined/done.svg'; import { Icon } from 'mastodon/components/icon'; export default class Option extends 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 ( ); } }