content: import React from 'react'
  
  import HeaderTab from './tabs/header_tab'
  
  export default class Content extends React.Component {
  
      constructor(props) {
          super(props)
          this.services = []
      }
  
      componentWillReceiveProps(nextProps) {
          if (nextProps.soapClient) {
              this.services = nextProps.soapClient.describe()
          }
      }
  
      render() {
          let headers = []
  
          for (let tab of this.props.tabs) {
              headers.push( <HeaderTab
                              activeTab={this.props.activeTab}
                              tab={tab}
                              key={tab.key + '.tab'}
                              openTab={this.props.openTab}
                              closeTab={this.props.closeTab} />
              )
          }
  
          return (
              <div className="pane">
                  <div className="tab-group">
                      {headers}
                  </div>
  
                  {this.props.activeTab}
              </div>
          )
      }
  }
  
  
  