text: import React, {Fragment} from 'react';
  import ReactCSSTransitionGroup from 'react-addons-css-transition-group';
  import classnames from 'classnames';
  
  import {
      TabContent, TabPane, Nav, NavItem, NavLink,
      Row, Col, CardHeader, CardFooter,
      Card, CardBody,
      Button, ButtonGroup
  } from 'reactstrap';
  
  export default class BasicReport extends React.Component {
      constructor(props) {
          super(props);
  
          this.toggle = this.toggle.bind(this);
  
          this.state = {
              activeTab: '1',
          };
      }
  
      toggle(tab) {
          if (this.state.activeTab !== tab) {
              this.setState({
                  activeTab: tab
              });
          }
      }
  
      render() {
  
          return (
              <Fragment>
                  <ReactCSSTransitionGroup
                      component="div"
                      transitionName="TabsAnimation"
                      transitionAppear={true}
                      transitionAppearTimeout={0}
                      transitionEnter={false}
                      transitionLeave={false}>
                      <div>
                          <Row>
                              <Col md="12">
                                  <Card className="main-card mb-12">
                                      <CardHeader>
                                          <h3>Parametros</h3>
                                      </CardHeader>
                                      <CardBody>
                                          <p>Working in progress</p>
                                      </CardBody>
                                  </Card>
                              </Col>
                          </Row>
                      </div>
                  </ReactCSSTransitionGroup>
              </Fragment>
          );
      }
  }