import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import '@fontsource/inter/300.css'
import '@fontsource/inter/400.css'
import '@fontsource/inter/500.css'
import '@fontsource/inter/700.css'
import './index.css'
import AuthGate from './components/AuthGate'
import MiDiaPage from './pages/MiDiaPage'

createRoot(document.getElementById('root')!).render(
  <StrictMode>
    <AuthGate>
      {(accionesSesion) => <MiDiaPage accionesSesion={accionesSesion} />}
    </AuthGate>
  </StrictMode>,
)