import React, { Suspense, lazy, useEffect, useState } from 'react'
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom'
import { useSelector } from 'react-redux'
import { selectAuth } from './redux/outstaffingSlice'
import 'bootstrap/dist/css/bootstrap.min.css'
import './fonts/stylesheet.css'
import { ProtectedRoute } from './components/ProtectedRoute/ProtectedRoute'


import { YMInitializer } from 'react-yandex-metrika'

import AuthPageForDevelopers from './pages/AuthPageForDevelopers'
import AuthPageForPartners from './pages/AuthPageForPartners'
import HomePage from './pages/HomePage'
import CandidatePage from './pages/CandidatePage'
import CalendarPage from './pages/CalendarPage'
import ReportPage from './pages/ReportFormPage.js'
import FormPage from './pages/FormPage.js'
import SingleReportPage from './pages/SingleReportPage'
<<<<<<< HEAD
import { Highlighter } from './pages/CodeSnippetPage'
import { QuizPage } from './pages/quiz/QuizPage'
import { InterjacentPage } from './pages/quiz/InterjacentPage'
import { QuizTestPage } from './pages/quiz/QuizTestPage'
import { Instruction } from './components/features/quiz/Instructions'
import { InstructionPage } from './pages/quiz/InstructionPage'
import {ResultPage} from "./pages/quiz/ResultPage";
=======
import Bookkeping from './pages/Bookkeeping'
import { TaxPage } from "./pages/TaxPage"
import { MoneyPage } from "./pages/MoneyPage"
import { ActPage } from "./pages/ActPage"
import { ContractPage } from "./pages/ContractPage"
>>>>>>> documents

const App = (props) => {
  const isAuth = useSelector(selectAuth)
  return (
    <>
      <h1>IT Аутстаффинг в России</h1>
      <Router>
        <Switch>
          <Route path='/authdev' exact>
            <AuthPageForDevelopers />
          </Route>
          <Route path='/auth' exact>
            <AuthPageForPartners />
          </Route>
          <ProtectedRoute exact path='/' component={HomePage} />
          <ProtectedRoute
            exact
            path='/candidate/:id'
            component={CandidatePage}
          />
          <ProtectedRoute path='/:userId/calendar' component={CalendarPage} />
          <ProtectedRoute
            exact
            path='/candidate/:id/form'
            component={FormPage}
          />
          <ProtectedRoute exact path='/report' component={ReportPage} />
          <ProtectedRoute path='/report/:id' component={SingleReportPage} />
<<<<<<< HEAD
          <ProtectedRoute path='/quiz' component={QuizPage} />
          <ProtectedRoute path='/quiz-interjacent' component={InterjacentPage} />
          <ProtectedRoute path='/quiz-test' component={QuizTestPage} />
          <ProtectedRoute path='/quiz-instruction' component={InstructionPage} />
          <ProtectedRoute path='/quiz-result' component={ResultPage} />
=======
          <ProtectedRoute exact path='/documents' component={Bookkeping} />
          <ProtectedRoute exact path='/tax' component={TaxPage} />
          <ProtectedRoute exact path='/money' component={MoneyPage} />
          <ProtectedRoute exact path='/documents/act' component={ActPage} />
          <ProtectedRoute exact path='/documents/contract' component={ContractPage} />
>>>>>>> documents
          <ProtectedRoute component={() => <div>Page not found</div>} />
        </Switch>
      </Router>

      {/* <YMInitializer 
      accounts={[84188125]} 
      options={{
        clickmap:true,
        trackLinks:true,
        accurateTrackBounce:true,
        webvisor:true
        }} 
      version="2" 
    /> */}
    </>
  )
}

export default App