Change toolbar components to use props.children instead of arrays of …

…js objects as props

src/js/toolbar-group.jsx

@@ -6,70 +6,23 @@ var React = require('react');
 var ToolbarGroup = React.createClass({
 
   propTypes: {
-    float: React.PropTypes.string,
-    groupItems: React.PropTypes.array
+    float: React.PropTypes.string
   },
 
   mixins: [Classable],
 
-  getInitialState: function() {
-    return {
-    }
-  },
-
-  getDefaultProps: function() {
-    return {
-    };
-  },
-
   render: function() {
 
     var classes = this.getClasses('mui-toolbar-group', {
       'mui-left': this.props.float === 'left',
       'mui-right': this.props.float === 'right'
-    })
+    });
 
     return (
       <div className={classes}>
-        {this._getChildren()}
+        {this.props.children}
       </div>
     );
-  },
-
-  _getChildren: function() {
-    var children = [],
-        item,
-        itemComponent;
-
-    for (var i=0; i < this.props.groupItems.length; i++) {
-      item = this.props.groupItems[i];
-
-      switch (item.type) {
-
-        case 'separator':
-          itemComponent = (
-            <span className="mui-toolbar-separator">
-              &nbsp;
-            </span>
-          );
-          break;
-
-        case 'title':
-          itemComponent = (
-            <span className="mui-toolbar-title">
-              {item.title}
-            </span>
-          );
-          break;
-
-          default:
-            itemComponent = item;
-      }
-
-      children.push(itemComponent);
-    }
-
-    return children;
   }
 
 });

src/js/toolbar.jsx

@@ -1,9 +1,7 @@
 /** @jsx React.DOM */
 
 var Classable = require('./mixins/classable.js');
-var Paper = require('./paper.jsx');
 var React = require('react');
-var ToolbarGroup = require('./toolbar-group.jsx');
 
 var Toolbar = React.createClass({
 
@@ -13,23 +11,13 @@ var Toolbar = React.createClass({
 
   mixins: [Classable],
 
-  getInitialState: function() {
-    return {
-    }
-  },
-
-  getDefaultProps: function() {
-    return {
-    };
-  },
-
   render: function() {
     var classes = this.getClasses('mui-toolbar', {
-    })
+    });
 
     return (
       <div className={classes}>
-        {this._getChildren()}
+        {this.props.children}
       </div>
     );
   },