modal

gistfile1.js

define(function(require) {
  'use strict';

  var React = require('react');
  var dom = React.DOM;

  return React.createClass({
    propTypes: {
      onClose: React.PropTypes.func.isRequired
    },

    render: function() {
      return (
        dom.div({},
          dom.div({className: 'reveal-modal-bg', onClick: this.onClose}, null),
          dom.div({className: 'reveal-modal'}, 
            dom.a({className: 'close-reveal-modal', onClick: this.onClose}, '×'),
            this.props.children
          )
        )
      );
    },

    onClose: function(e) {
      e.preventDefault();
      this.props.onClose();
    }
  });

});