content: /**
   * Render a popout pane, calls props.onLayout when the component mounts
   */
  
  import React from 'react';
  import blacklist from 'blacklist';
  import classnames from 'classnames';
  
  var PopoutPane = React.createClass({
  	displayName: 'PopoutPane',
  	propTypes: {
  		children: React.PropTypes.node.isRequired,
  		className: React.PropTypes.string,
  		onLayout: React.PropTypes.func,
  	},
  	getDefaultProps () {
  		return {
  			onLayout: () => {},
  		};
  	},
  	componentDidMount () {
  		this.props.onLayout(this.refs.el.offsetHeight);
  	},
  	render () {
  		const className = classnames('Popout__pane', this.props.className);
  		const props = blacklist(this.props, 'className', 'onLayout');
  
  		return (
  			<div ref="el" className={className} {...props} />
  		);
  	},
  });
  
  module.exports = PopoutPane;
  