import React, { createContext } from 'react'
import { BrowserRouter } from 'react-router-dom'
import Layout from './components/Layout/Layout'
import Routes from './components/Routes/Routes'
// import { UserContext } from './hooks/userContext'
// import useFindUser from './hooks/useFindUser'
interface userContext {
  user: string
}
export const userProfile: userContext = {
  user: '',
}
const UserContext: React.Context<userContext> = createContext(userProfile)

// const { user, setUser, isLoading } = useFindUser()
function App() {
  return (
    <BrowserRouter>
      <UserContext.Provider value={userProfile}>
        <Layout>
          <Routes />
        </Layout>
      </UserContext.Provider>
    </BrowserRouter>
  )
}
export default App