import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import App from './App.tsx'
import './index.css'
import { 
  WalletProvider, 
  RazorWallet,
  MovementMainnetChain,
  MovementBardockTestnetChain,
  DefaultChains
} from '@razorlabs/razorkit'
import '@razorlabs/razorkit/style.css'

// Define supported chains/networks
const SupportedChains = [
  ...DefaultChains,
  MovementMainnetChain,
  MovementBardockTestnetChain,
]

createRoot(document.getElementById('root')!).render(
  <StrictMode>
    <WalletProvider 
      defaultWallets={[RazorWallet]} 
      autoConnect={true}  // Enable auto-reconnection
      chains={SupportedChains}
    >
      <App />
    </WalletProvider>
  </StrictMode>,
)