{"size": 1061, "ext": "js", "max_stars_repo_path": "src/App.js", "max_stars_repo_name": "eliblaney/colorfinder", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/App.js", "max_issues_repo_name": "eliblaney/colorfinder", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/App.js", "max_forks_repo_name": "eliblaney/colorfinder", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 22.5744680851, "max_line_length": 81, "alphanum_fraction": 0.6663524976}
import React, { Fragment, useState } from 'react'
import {
	CssBaseline,
	withStyles
} from '@material-ui/core'
import { Route } from 'react-router-dom';
import Header from './components/Header'
import Home from './pages/Home'
import 'bootstrap/dist/css/bootstrap.min.css'
import '@devexpress/dx-react-chart-bootstrap4/dist/dx-react-chart-bootstrap4.css'
import './App.css'

const styles = theme => ({
	main: {
		padding: theme.spacing(3),
		[theme.breakpoints.down('xs')]: {
			padding: theme.spacing(2),
		},
		backgroundColor: '#282c34',
		minHeight: '100vh',
		display: 'flex',
		flexDirection: 'column',
		alignItems: 'center',
		justifyContent: 'center',
		fontSize: 'calc(10px + 2vmin)',
		color: 'white',
	},
})

const App = ({classes}) => {
	const [loggedIn, setLoggedIn] = useState(false)

	return (
		<Fragment>
			<CssBaseline />
			<Header setLoggedIn={setLoggedIn} />
			<main className={classes.main}>
				<Route exact path="/">
					<Home loggedIn={loggedIn} />
				</Route>
			</main>
		</Fragment>
	)
}

export default withStyles(styles)(App)
