import PureRenderMixin from 'react-addons-pure-render-mixin';

const style = {
  display: 'flex',
  flex: '1 1 auto',
  flexDirection: 'row',
  justifyContent: 'flex-start',
  overflowX: 'auto'
};

const ColumnsArea = React.createClass({

  mixins: [PureRenderMixin],

  render () {
    return (
      <div className='columns-area' style={style}>
        {this.props.children}
      </div>
    );
  }

});

export default ColumnsArea;