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