2016-09-01 00:15:12 +10:00
|
|
|
import PureRenderMixin from 'react-addons-pure-render-mixin';
|
2016-08-25 01:56:44 +10:00
|
|
|
|
2016-10-12 22:17:17 +11:00
|
|
|
const style = {
|
|
|
|
display: 'flex',
|
|
|
|
flex: '1 1 auto',
|
|
|
|
justifyContent: 'flex-start',
|
|
|
|
overflowX: 'auto'
|
|
|
|
};
|
|
|
|
|
2016-08-25 01:56:44 +10:00
|
|
|
const ColumnsArea = React.createClass({
|
|
|
|
|
2016-09-01 00:15:12 +10:00
|
|
|
mixins: [PureRenderMixin],
|
|
|
|
|
|
|
|
render () {
|
2016-08-25 01:56:44 +10:00
|
|
|
return (
|
2016-10-12 22:17:17 +11:00
|
|
|
<div className='columns-area' style={style}>
|
2016-09-11 02:36:48 +10:00
|
|
|
{this.props.children}
|
2016-08-25 01:56:44 +10:00
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|
2016-09-01 00:15:12 +10:00
|
|
|
|
2016-08-25 01:56:44 +10:00
|
|
|
});
|
|
|
|
|
|
|
|
export default ColumnsArea;
|