import 'bootstrap/dist/css/bootstrap.min.css';
import './App.css';
import './Css/all.css'
import { createContext } from 'react'
import { BrowserRouter as Router } from "react-router-dom";
import { Container } from 'react-bootstrap'
import { AuthProvider } from './Auth/AuthProvider'
import { QueryClient, QueryClientProvider } from 'react-query'

import Routes from './Components/Routes'
const queryClient = new QueryClient({
    defaultOptions: {
        queries: {
            refetchOnWindowFocus: false,
        },
    },
})

const GATEWAY = {
    dev: {
        API: 'http://localhost:8000',
    },
    pro: {
        API: '',
    }
}

export const API_GATEWAY = createContext(GATEWAY)

function App() {
    return (
        <QueryClientProvider client={queryClient}>
            <Router>
                <AuthProvider>
                    <API_GATEWAY.Provider value={GATEWAY.dev}>
                        <Container fluid>
                            <Routes />
                        </Container>
                    </API_GATEWAY.Provider>
                </AuthProvider>
            </Router>
        </QueryClientProvider>
    );
}

export default App;