import '@mantine/core/styles.css'
import {
  hydrate,
  QueryClient,
  QueryClientProvider,
} from '@tanstack/react-query'
import { ColorSchemeScript, MantineProvider } from '@mantine/core'
import Providers from './query-provider'
import Search from './search'

export const metadata = {
  title: 'My Mantine app',
  description: 'I have followed setup instructions carefully',
}

import "./global.css"

export default function RootLayout({
  children,
}: {
  children: React.ReactNode
}) {

  return (
    <html lang="en">
      <head>
        <ColorSchemeScript />
      </head>
      <body>
        <Providers>
          <MantineProvider>{children}</MantineProvider>
        </Providers>
      </body>
    </html>
  )
}
