text: /**
   *
   * App
   *
   * This component is the skeleton around the actual pages, and should only
   * contain code that should be seen on all pages. (e.g. navigation bar)
   */
  
  import React from 'react';
  import { Helmet } from 'react-helmet';
  import { Switch, Route } from 'react-router-dom';
  
  import HomePage from 'containers/HomePage/Loadable';
  import FavoritesPage from 'containers/FavoritesPage/Loadable';
  import NotFoundPage from 'containers/NotFoundPage/Loadable';
  import Header from 'components/Header';
  import Footer from 'components/Footer';
  import './style.scss';
  
  
  const App = () => (
    <div className="app-wrapper">
      <Helmet
        titleTemplate="%s - React.js Weather app"
        defaultTitle="React.js Weather app"
      >
        <meta name="description" content="A React.js Weather pages application" />
      </Helmet>
      <Header />
      <Switch>
        <Route exact path="/" component={HomePage} />
        <Route path="/favorites" component={FavoritesPage} />
        <Route path="" component={NotFoundPage} />
      </Switch>
      <Footer />
    </div>
  );
  
  export default App;
  