text: import React, { Component } from 'react';
  import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
  import './app.css';
  import Navbar from '../layout/Navbar';
  import Index from '../layout/Index';
  import Lyrics from '../tracks/Lyrics';
  
  import { Provider } from '../../context';
  
  class App extends Component {
    render() {
      return (
        <Provider>
          <Router>
            <React.Fragment>
              <Navbar />
              <div className="container">
                <Switch>
                  <Route exact path="/" component={Index} />
                  <Route exact path="/lyrics/track/:id" component={Lyrics} />
                </Switch>
              </div>
            </React.Fragment>
          </Router>
        </Provider>
      );
    }
  }
  
  export default App;
  