text: import React from 'react'
  import { BrowserRouter as Router, Route } from 'react-router-dom'
  import 'semantic-ui-css/semantic.min.css'
  import './app.css'
  
  import { Container } from 'semantic-ui-react'
  import { MenuBar } from './components/MenuBar';
  import Home from './pages/Home';
  import Login from './pages/Login';
  import Register from './pages/Register';
  import { AuthProvider } from './context/auth'
  import AuthRoute from './util/AuthRoute'
  import { SinglePost } from  './pages/SinglePost'
  
  function App() {
    return (
      <AuthProvider>
        <Router>
          <Container>
            <MenuBar />
            <Route exact path='/' component={Home} />
            <AuthRoute exact path='/login' component={Login} />
            <AuthRoute exact path='/register' component={Register} />
            <Route exact path='/post/:postId' component={SinglePost} />
          </Container>
        </Router>
      </AuthProvider>
    );
  }
  
  export default App;
  