ESPTrainer/imports/ui/Square.jsx

import React, { PropTypes } from 'react';
import './styles/Square';

const Square = ({color, click, highlighted, active}) =>
	<button className={classNames('square', color, { highlighted, disabled: !active })}
			onClick={click} disabled={!active}/>;

Square.propTypes = {
	color: PropTypes.string.isRequired,
	click: PropTypes.func,
	highlighted: PropTypes.bool,
	active: PropTypes.bool
};

export default Square;