text: import React from 'react';
  import { Button, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';
  
  class ModalTab extends React.Component {
      constructor(props) {
          super(props);
          this.state = {
              modal: false
          };
  
          this.toggle = this.toggle.bind(this);
      }
  
      toggle() {
          this.setState({
              modal: !this.state.modal
          });
      }
  
      render() {
          return (
              <div>
                  <Button color="primary" onClick={this.toggle}>{this.props.buttonLabel}</Button>
                  <Modal isOpen={this.state.modal} toggle={this.toggle} className={this.props.className}>
                      <ModalHeader toggle={this.toggle}>{this.props.modalTitle}</ModalHeader>
                      <ModalBody>
                          {this.props.modalContent}
                      </ModalBody>
                      <ModalFooter>
                          <Button color="primary" onClick={this.toggle}>Do Something</Button>{' '}
                          <Button color="secondary" onClick={this.toggle}>Cancel</Button>
                      </ModalFooter>
                  </Modal>
              </div>
          );
      }
  }
  
  export default ModalTab;