old_contents: 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;
  
new_contents: import blacklist from 'blacklist';
  import classnames from 'classnames';
  import React from 'react';
  
  var PopoutBody = React.createClass({
  	displayName: 'PopoutBody',
  	propTypes: {
  		children: React.PropTypes.node.isRequired,
  		scrollable: React.PropTypes.bool,
  	},
  	
  	render () {
  		let className = classnames('Popout__body', {
  			'Popout__scrollable-area': this.props.scrollable
  		}, this.props.className);
  		let props = blacklist(this.props, 'className', 'scrollable')
  		
  		return <div className={className} {...props} />;
  	}
  	
  });
  
  module.exports = PopoutBody;
  
subject: make PopoutBody more functional/extendable