// import React from 'react';
// import logo from './logo.svg';
// import './App.css';

// function App() {
//   return (
//     <React.Fragment>
//     <NavBar />
//     <main className="container">
//       <Switch>
//       {/* <Route path="/login" component={LoginForm} /> */}
//         {/* <Route path="/movies/:id" component={MovieForm} /> */}
//      <Route path="/ticket" component={Ticket}></Route>
//      <Route path="/operator" component={Operator}></Route>
//      <Route path="/cityLine" component={CityLine}></Route>
//      <Route path="/notFound" component={NotFound}></Route>
//      <Route path="/line" component={Line}></Route>
//      <Redirect from='/' exact to ="/home"/>

//      <Redirect to ="/notFound"/>
//      </Switch>

//       {/* <Movies/> */}
//     </main>
//     </React.Fragment>

//   );
// }

// export default App;

import React from "react";
import CityLine from './components/cityLine'
import Operator from './components/operator'
import Ticket from './components/ticket'
import TravelPlanner from './components/travelplanner.jsx'
import Vehicule from './components/vehicule'
import { Container, Row, Col } from 'react-bootstrap'
import './style.css'
//import TravelPlanner from './components/travelplanner';


class App extends React.Component {
  constructor() {
    super();
    this.state = {
      status: false
    };

    this.changeState = this.changeState.bind(this);
  }

  changeState() {
    this.setState(prevState => {
      return { status: !prevState.status };
    });
  }

  render() {
    return (
      <div className='mainGrid'>
        <CityLine/>
        <Operator />
      
    
        <Ticket />
        <TravelPlanner />
      

    
        <Vehicule />
        <h1>John's app</h1>

      </div>
    )
  
  }
}

export default App;