blob: b0564ae6b812ec26c7b843c8dc54f07db4e05449 [file] [log] [blame]
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;