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 Routes from './Components/Routes'

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

export const API_GATEWAY = createContext(GATEWAY)

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

export default App;
