lumen-foundation-apps/src/popup/toggle.jsx

'React port of foundation-apps'

var React = require('react');
var foundationApi = require('../utils/foundation-api');
var cloneWithProps = require('react/lib/cloneWithProps');

var PopupToggle = React.createClass({
  clickHandler: function (id, e) {
    e.preventDefault();
    foundationApi.publish(this.props.popupToggle, ['toggle', id]);
  },
  render: function () {
    var child = React.Children.only(this.props.children);
    var id = this.props.id || foundationApi.generateUuid();
    return cloneWithProps(child, {
      id: id,
      onClick: this.clickHandler.bind(this, id)
    });
  }
});

module.exports = PopupToggle;