import React, { Component } from 'react';
// import { BrowserRouter as Router, Redirect, Route, Switch } from 'react-router-dom';

import Routes from '../routes/Routes';

import NavigationBar from '../components/navigation/NavigationBar';
import Footer from '../components/navigation/Footer';

// import SEO from 'react-seo-component';

export default class App extends Component {
	state = {
		loading: null
	}
	
	render() {
		if (this.state.loading) {
			return(
				<React.Fragment>
					<div className="app-container">
						<p>Loading</p>
					</div>
				</React.Fragment>
			)
		} else {
			return(
				<React.Fragment>
					<div className="app-container">
						<div className="wrapper">
							<NavigationBar />
							
							<Routes />
							
							<Footer />
						</div>
					</div>
				</React.Fragment>
			)
		}
	}
}