Checkbox.js

const blacklist = require('blacklist');
const classNames = require('classnames');
const React = require('react');

const Checkbox = React.createClass({
	propTypes: {
		className: React.PropTypes.string,
		disabled: React.PropTypes.bool,
		autoFocus: React.PropTypes.bool,
		indeterminate: React.PropTypes.bool,
		inline: React.PropTypes.bool,
		label: React.PropTypes.string,
		style: React.PropTypes.object,
		title: React.PropTypes.string,
	},

	componentDidMount () {
		this.setIndeterminate(this.props.indeterminate);
	},

	componentWillReceiveProps (nextProps) {
		this.setIndeterminate(nextProps.indeterminate);
	},

	setIndeterminate (value) {
		this.refs.target.indeterminate = value;
	},

	render() {
		let componentClass = classNames('Checkbox', {
			'Checkbox--disabled': this.props.disabled,
			'Checkbox--inline': this.props.inline,
		}, this.props.className);
		let props = blacklist(this.props, 'className', 'label', 'style', 'title');
		return (
			<label className={componentClass} style={this.props.style} title={this.props.title}>
				<input ref="target" type="checkbox" className="Checkbox__input" {...props} />
				{this.props.label && <span className="Checkbox__label">{this.props.label}</span>}
			</label>
		);
	}
});

module.exports = Checkbox;