import type { Metadata } from "next";
import { Inter } from "next/font/google";
import "../globals.css";
import localFont from 'next/font/local'
import ReactQueryProvider from "@/providers/react_query";
import TopMenu from "@/components/main/topmenu";


const inter = Inter({ subsets: ["latin"] });

export const metadata: Metadata = {
  title: "باشگاه مجریان لوله گستر گلپایگان",
  description: "باشگاه مجریان",
};

const myFont = localFont({
  src: '../fonts/woff2/IRANSansX-Regular.woff2',
  display: 'swap',
})

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="fa" dir="rtl" className={myFont.className}>
      <body>
        <ReactQueryProvider>

          <div className="bg-gray-200 flex flex-col m-auto">
            <TopMenu />
            {children}
          </div>

        </ReactQueryProvider>
      </body>
    </html>
  );
}