(function() {
  Rev.pullInto(this)('IconBar', 'IconBarItem');

  Rev.registerExample('Navigation', {
    render: function() {
      return React.createElement("div", null, React.createElement("h3", null, "<IconBar> and <IconBarItem>"), React.createElement(IconBar, {
        "six": true
      }, React.createElement(IconBarItem, null, "one"), React.createElement(IconBarItem, null, "two"), React.createElement(IconBarItem, null, "three"), React.createElement(IconBarItem, null, "four"), React.createElement(IconBarItem, null, "five"), React.createElement(IconBarItem, null, "six")), React.createElement(IconBar, {
        "six": true,
        "vertical": true
      }, React.createElement(IconBarItem, {
        "fontIcon": "home"
      }, "one"), React.createElement(IconBarItem, {
        "fontIcon": "bookmark"
      }, "two"), React.createElement(IconBarItem, {
        "fontIcon": "info"
      }, "three"), React.createElement(IconBarItem, {
        "fontIcon": "mail"
      }, "four"), React.createElement(IconBarItem, {
        "fontIcon": "like"
      }, "five"), React.createElement(IconBarItem, {
        "fontIcon": "heart"
      }, "six")));
    }
  });

}).call(this);