import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import { BrowserRouter } from 'react-router'
import './index.css'
import App from './App.tsx'
import { TelaSimples } from './componentes/basicos.tsx'
import { ProvedorDaSessao } from './sistema/Sessao.tsx'
import { administracao, autenticacao } from './sistema/supabase.ts'

createRoot(document.getElementById('root')!).render(
  <StrictMode>
    {autenticacao && administracao ? (
      <BrowserRouter>
        <ProvedorDaSessao autenticacao={autenticacao} administracao={administracao}>
          <App />
        </ProvedorDaSessao>
      </BrowserRouter>
    ) : (
      <TelaSimples titulo="Falta configurar o site">
        <p className="text-sm">O site ainda não sabe onde está o Supabase. Falta preencher o endereço e a chave pública nas configurações.</p>
      </TelaSimples>
    )}
  </StrictMode>,
)