'use client'

import './globals.css'
import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
import { WagmiProvider } from 'wagmi'
import { wagmiConfig } from '@/lib/wagmi'
import { Header } from '@/components/Header'
import { Footer } from '@/components/Footer'

const queryClient = new QueryClient()

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en">
      <body className="min-h-screen flex flex-col">
        <WagmiProvider config={wagmiConfig}>
          <QueryClientProvider client={queryClient}>
            <Header />
            <main className="flex-1">{children}</main>
            <Footer />
          </QueryClientProvider>
        </WagmiProvider>
      </body>
    </html>
  )
}
