text: import React from 'react';
  import {Col, Row, Tabs} from 'antd';
  import CitiesTable from '../tables/cities/cities.table.component';
  import CitiesChart from '../charts/cities/cities.chart.component';
  
  const TabPane = Tabs.TabPane;
  
  class HomeComponent extends React.Component {
  
    render() {
  
      return (
        <Row type='flex' justify='center' className={'wp-home'}>
          <Col span={20}>
            <Tabs defaultActiveKey="1">
              <TabPane tab="TABLE" key="1">
                <CitiesTable/>
              </TabPane>
              <TabPane tab="CHART" key="2">
                <CitiesChart/>
              </TabPane>
            </Tabs>
          </Col>
        </Row>
      );
    }
  }
  
  
  export default HomeComponent;
  