import React from 'react';
import ReactDOM from 'react-dom/client';
import { WagmiProvider } from 'wagmi';
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
import { config } from './config/wagmi';
import { I18nProvider } from './i18n/I18nProvider';
import LocalizedApp from './LocalizedApp';
import '@rainbow-me/rainbowkit/styles.css';
import './styles/index.css';

const queryClient = new QueryClient();

ReactDOM.createRoot(document.getElementById('root')!).render(
    <React.StrictMode>
        <WagmiProvider config={config}>
            <QueryClientProvider client={queryClient}>
                <I18nProvider>
                    <LocalizedApp />
                </I18nProvider>
            </QueryClientProvider>
        </WagmiProvider>
    </React.StrictMode>
);