import React, { PropTypes } from 'react';
import Card from 'material-ui/lib/card/card';
import CardHeader from 'material-ui/lib/card/card-header';
import CardText from 'material-ui/lib/card/card-text';
import CardActions from 'material-ui/lib/card/card-actions';
import FlatButton from 'material-ui/lib/flat-button';
import Divider from 'material-ui/lib/divider';

export default function MaterialUIMultiple({ values, title, description, level, itemComponent: Item, onAdd, onRemoveAtIndex }) {
  const items = values.map((value, index) => (
    <div>
      <Item value={ value } index={ index } />
      <FlatButton label='Remove' onTouchTap={ () => onRemoveAtIndex(index) } />
      <Divider />
    </div>
  ));

  return (
    <Card>
      <CardHeader title={ title } subtitle={ description } style={{ height: 'auto', paddingBottom: 0 }} />
      <CardText>
        { items }
      </CardText>
      <CardActions>
        <FlatButton label='Add' onTouchTap={ () => onAdd() } />
      </CardActions>
    </Card>
  );
}

@@ -377,17 +377,51 @@
 ult 
-function 
+React.createClass(%7B%0A  displayName: 'Meadow.
 Mate
@@ -430,16 +430,17 @@
 alUI
+.
 Multiple
 (%7B v
@@ -435,17 +435,372 @@
 Multiple
-(
+',%0A%0A  shouldComponentUpdate(nextProps, nextState) %7B%0A    const currentProps = this.props;%0A%0A    return (%0A      nextProps.values != currentProps.values %7C%7C%0A      nextProps.title !== currentProps.title %7C%7C%0A      nextProps.description !== currentProps.description%0A      //nextProps.itemComponent !== currentProps.itemComponent%0A    );%0A  %7D,%0A%0A  render() %7B%0A    const 
 %7B values
@@ -873,20 +873,34 @@
 tIndex %7D
-) %7B%0A
+ = this.props;%0A%0A  
   const 
@@ -942,16 +942,18 @@
 %3E (%0A
+  
     %3Cdiv
 %3E%0A  
@@ -948,18 +948,34 @@
     %3Cdiv
-%3E%0A
+ key=%7B index %7D%3E%0A  
       %3CI
@@ -1009,20 +1009,66 @@
  index %7D
+ title=%7B title %7D description=%7B description %7D
  /%3E%0A
+  
       %3CF
@@ -1135,24 +1135,26 @@
 index) %7D /%3E%0A
+  
       %3CDivid
@@ -1163,16 +1163,18 @@
  /%3E%0A    
+  
 %3C/div%3E%0A 
@@ -1178,15 +1178,19 @@
 %3E%0A  
+ 
+ 
 ));%0A%0A  
+ 
+ 
 retu
@@ -1202,15 +1202,19 @@
     
+  
 %3CCard%3E%0A
+  
     
@@ -1318,24 +1318,26 @@
 %7D%7D /%3E%0A      
+  
 %3CCardText%3E%0A 
@@ -1343,16 +1343,18 @@
         
+  
 %7B items 
@@ -1355,16 +1355,18 @@
 items %7D%0A
+  
       %3C/
@@ -1377,24 +1377,26 @@
 Text%3E%0A      
+  
 %3CCardActions
@@ -1393,24 +1393,26 @@
 ardActions%3E%0A
+  
         %3CFla
@@ -1465,24 +1465,26 @@
  %7D /%3E%0A      
+  
 %3C/CardAction
@@ -1494,16 +1494,18 @@
     
+  
 %3C/Card%3E%0A
   );
@@ -1504,11 +1504,19 @@
 rd%3E%0A
+  
   );%0A
-%7D
+  %7D%0A%7D);
 %0A

Add shouldComponentUpdate to MaterialUIMultiple