react-bootstrap/cjs/transpiled/MenuItem.js

Bootstrap 3 components build with React

"use strict";
/** @jsx React.DOM */

var React = require("./react-es6")["default"];

var MenuItem = React.createClass({displayName: 'MenuItem',
  handleClick: function (e) {
    if (typeof this.props.onSelect === 'function') {
      this.props.onSelect(this.props.key);
    }
  },

  renderAnchor: function () {
    return (
      React.DOM.a( {onClick:this.handleClick, href:"#", tabIndex:"-1", ref:"anchor"}, 
        this.props.children
      )
    );
  },

  render: function () {
    var className = null;
    var children = null;

    if (this.props.bsVariation === 'header') {
      children = this.props.children;
      className = 'dropdown-header';
    } else if (this.props.bsVariation === 'divider') {
      className = 'divider';
    } else {
      children = this.renderAnchor();
    }

    return this.transferPropsTo(
      React.DOM.li( {role:"presentation", className:className}, 
        children
      )
    );
  }
});

exports["default"] = MenuItem;