var React = require('react');

var PopoutBody = React.createClass({
	displayName: 'PopoutBody',
	propTypes: {
		children: React.PropTypes.node.isRequired
	},
	
	render () {
		return <div className="Popout__body Popout__scrollable-area" {...this.props} />;
	}
	
});

module.exports = PopoutBody;

@@ -1,32 +1,101 @@
-var React = require(
+import blacklist from 'blacklist';%0Aimport classnames from 'classnames';%0Aimport React from 
 'react'
-)
 ;%0A%0Av
@@ -215,16 +215,53 @@
 Required
+,%0A%09%09scrollable: React.PropTypes.bool,
 %0A%09%7D,%0A%09%0A%09
@@ -278,19 +278,11 @@
 %7B%0A%09%09
-r
+l
 et
-urn %3Cdiv
  cla
@@ -291,10 +291,23 @@
 Name
-=%22
+ = classnames('
 Popo
@@ -314,17 +314,25 @@
 ut__body
- 
+', %7B%0A%09%09%09'
 Popout__
@@ -350,18 +350,166 @@
 area
-%22 %7B...this
+': this.props.scrollable%0A%09%09%7D, this.props.className);%0A%09%09let props = blacklist(this.props, 'className', 'scrollable')%0A%09%09%0A%09%09return %3Cdiv className=%7BclassName%7D %7B..
 .pro

make PopoutBody more functional/extendable