import '@fontsource/inter/400.css';
import '@fontsource/inter/500.css';
import '@fontsource/inter/600.css';
import '@fontsource/inter/700.css';
import '@fontsource/jetbrains-mono/400.css';
import '@fontsource/jetbrains-mono/500.css';
import '@fontsource/jetbrains-mono/600.css';
import '@fontsource/jetbrains-mono/700.css';
import { createRoot } from 'react-dom/client'
import { ClerkProvider } from '@clerk/clerk-react'
import App from './App.jsx'
import AuthGate from './AuthGate.jsx'
import { I18nProvider } from './i18n/index.jsx'

const CLERK_KEY = import.meta.env.VITE_CLERK_PUBLISHABLE_KEY
const clerkJSUrl = window.__electron?.clerkBundleUrl

createRoot(document.getElementById('root')).render(
  <ClerkProvider
    publishableKey={CLERK_KEY}
    clerkJSUrl={clerkJSUrl}
  >
    <I18nProvider>
      <AuthGate>
        <App />
      </AuthGate>
    </I18nProvider>
  </ClerkProvider>
)