var React = require("react");
var {Button} = require("react-bootstrap");


var confirmMark = "\u2713"; // check mark
var retractMark = "\u00D7"; // multiplication sign

function confirmOrRetractButton(userSelected, confirm, retract, size = "medium") {
	return userSelected
		? <Button className="dim" bsSize={size} onClick={retract}>{retractMark}</Button>
		: <Button className="dim" bsSize={size} onClick={confirm}>{confirmMark}</Button>;
}

module.exports = {confirmOrRetractButton}

var React = require("react");
var {Button, Glyphicon} = require("react-bootstrap");


function confirmOrRetractButton(userSelected, confirm, retract, size = "medium") {
	return userSelected
		? <Button className="dim" bsSize={size} onClick={retract}><Glyphicon glyph="remove"/></Button>
		: <Button className="dim" bsSize={size} onClick={confirm}><Glyphicon glyph="ok"    /></Button>;
}

module.exports = {confirmOrRetractButton}

Use Glyphicons for confirm/retract buttons.
Use Glyphicons for confirm/retract buttons.
