| import React from 'react'; |
| import PropTypes from 'prop-types'; |
| |
| const propTypes = { |
| checked: PropTypes.bool.isRequired, |
| onChange: PropTypes.func.isRequired, |
| style: PropTypes.object, |
| }; |
| |
| export default function Checkbox({ checked, onChange, style }) { |
| return ( |
| <span style={style}> |
| <i |
| className={`fa fa-check ${checked ? 'text-primary' : 'text-transparent'}`} |
| onClick={onChange.bind(!checked)} |
| style={{ |
| border: '1px solid #aaa', |
| borderRadius: '2px', |
| cursor: 'pointer', |
| }} |
| /> |
| </span>); |
| } |
| Checkbox.propTypes = propTypes; |