import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import { BrowserRouter } from 'react-router-dom'
import './lib/install' // ต้องมาก่อน render เพื่อดัก beforeinstallprompt ให้ทัน
import './index.css'
import App from './App'
import InstallPrompt from './components/InstallPrompt'
import { CenterCard } from './components/Icons'
import { AuthProvider } from './lib/auth'
import { isSupabaseConfigured } from './lib/supabase'

createRoot(document.getElementById('root')!).render(
  <StrictMode>
    {isSupabaseConfigured ? (
      <BrowserRouter>
        <AuthProvider>
          <App />
          <InstallPrompt />
        </AuthProvider>
      </BrowserRouter>
    ) : (
      <CenterCard>
        <p className="font-medium text-red-700">
          ยังไม่ได้ตั้งค่าการเชื่อมต่อฐานข้อมูล (VITE_SUPABASE_URL / VITE_SUPABASE_PUBLISHABLE_KEY)
        </p>
      </CenterCard>
    )}
  </StrictMode>,
)