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 TopBar from './components/topBar';

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

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

export default App;