import React from 'react';
import './App.css';
import { ReactKeycloakProvider } from '@react-keycloak/web'
import keycloak from './keycloak'
import Login from './components/login';
import { LocalDataProvider } from './provider/LocalDataProvider';
import EDT from './components/edt';
import SwitchThemeColor from './components/SwitchThemeColor';
import CreateSession from './components/createSession'
import EdtCoach from './components/edt_coach'
import { Coach } from "./classes";
import RessourcePanel from './components/ressourcePanel';
import TestAPI from './components/test_api';
import EdtAthlete from './components/edt_athlete';
// Test
const testCoach = new Coach();
testCoach.id = 1;
testCoach.nom = "Coach Test";

const keycloakInitOptions = {
  onLoad: 'login-required',
  checkLoginIframe: false
}


function App() {


  return (
    <ReactKeycloakProvider authClient={keycloak} /*initOptions={keycloakInitOptions}*/>
      <LocalDataProvider>
        <div className="App">
            <SwitchThemeColor/>
            <h1>Frisbyee</h1>
            <Login/>
            <RessourcePanel/>
            <EDT/>
            <CreateSession/>
            <EdtAthlete/>
            <TestAPI/>
        </div>
      </LocalDataProvider>
    </ReactKeycloakProvider>
  );
}

export default App;