render() {
    const {children, closer, expander, ...remainingProps} = this.props

    return (
      <ExpandingCol
        open={this.state.open}
        closer={cloneElement(closer, {onClick: this.closePane})}
        expander={cloneElement(expander, {onClick: this.expandPane})}
        {...remainingProps}
      >
        {children}
      </ExpandingCol>
    )
  }
// from up the tree but still inject our onClick handlers for open/close
from up the tree but still inject our onClick handlers for open/close
from up the tree but still inject our onClick handlers for open / close
render() {
    const {children, closer, expander, ...remainingProps} = this.props
    return (
      <ExpandingCol
        open={this.state.open}
        closer={cloneElement(closer, {onClick: this.closePane})}
        expander={cloneElement(expander, {onClick: this.expandPane})}
        {...remainingProps}
      >
        {children}
      </ExpandingCol>
    )
  }
render ( ) { const { children , closer , expander , ... remainingProps } = this . props return ( < ExpandingCol open = { this . state . open } closer = { cloneElement ( closer , { onClick : this . closePane } ) } expander = { cloneElement ( expander , { onClick : this . expandPane } ) } { ... remainingProps } > { children } < / ExpandingCol > ) }
from up the tree but still inject our onClick handlers for open/close
from up the tree but still inject our onClick handlers for open / close