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 styled from 'styled-components';
  // import { Switch, Route } from 'react-router-dom';
  
  import Header from 'components/Header';
  import Footer from 'components/Footer';
  
  // import FeaturePage from 'containers/FeaturePage/Loadable';
  // import NotFoundPage from 'containers/NotFoundPage/Loadable';
  import CitySelect from 'containers/CitySelect';
  import WeatherPage from 'containers/WeatherPage/Loadable';
  
  const AppWrapper = styled.div`
    max-width: calc(768px + 16px * 2);
    margin: 0 auto;
    display: flex;
    min-height: 100%;
    padding: 0 16px;
    flex-direction: column;
  `;
  
  export default function App() {
    return (
      <AppWrapper>
        <Helmet
          titleTemplate="%s - TPWeather"
          defaultTitle="TPWeather"
        >
          <meta name="description" content="A React.js Weather Forecast application" />
        </Helmet>
        {/* <Switch> */}
        {/* <Route exact path="/" component={CitySelect} /> */}
        {/* <Route path="" component={NotFoundPage} /> */}
        {/* </Switch> */}
        <Header />
        <CitySelect />
        <WeatherPage />
        <Footer />
      </AppWrapper>
    );
  }
  