question: how to create two panes always spanning 100% width together about react-sortable-pane HOT 5 CLOSED

import React, { Component } from 'react';
import { SortablePane, Pane } from '../../src';

const style = {
  fontSize: '40px',
  textAlign: 'center',
  height: '100%',
  border: 'solid 1px #ccc',
  borderRadius: '5px',
  backgroundColor: '#fff',
};

export default class Example extends Component {
  constructor(props) {
    super(props);
    this.state = { width: [400, 400] };
  }

  onResize({id, size}) {
    let width = [];
    width[id] = size.width;
    width[(id+1)%2] = 800 - size.width;
    this.setState({ width });
  }

  render() {
    return (
      <div style={{ width: '800px', height: '600px' }}>
        <SortablePane
          direction="horizontal"
          margin={10}
          onResize={::this.onResize}
        >
        <Pane
          id={0}
          ref="pane0"
          width={this.state.width[0]}
          height={600}
          style={style}
        />
        <Pane
          id={1}
          ref="pane1"
          width={this.state.width[1]}
          height={600}
          style={style}
        />
        </SortablePane>
      </div>
    );
  }
}