import '../styles/globals.css'
import '../styles/logostyles.css'
import '../styles/formStyles.css'
import '../styles/index.css'
import '../styles/404.css'

import UserAuthProvider from 'helpers/user/userState'
import Page from 'react-page-loading'

function MyApp({ Component, pageProps }) {
  return <>
    <UserAuthProvider>
      <Page loader={'bar'} color={'#03b1fc'} size={10}>
        <Component {...pageProps} />
      </Page>
       
    </UserAuthProvider>
      <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
      <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
  </>
    
  
}

export default MyApp