import type { Metadata } from "next";
import "./globals.css";
import "../../public/css/fontiran.css";
import 'swiper/css';
import 'rc-rate/assets/index.css'
import QueryProvider from "@/config/QueryProvider";
import ToastContainer from "@/components/Toast";
import MobileBottomMenu from "@/components/MobileBottomMenu";
import { ReactQueryDevtools } from '@tanstack/react-query-devtools'
import { viewport } from './viewport'
import { SHOP_CONFIG } from "@/config/const";
import ManageData from "@/components/ManageData";

export const metadata: Metadata = {
  title: `${SHOP_CONFIG.fullName} | ${SHOP_CONFIG.englishName}`,
  description: SHOP_CONFIG.description,
  icons: {
    icon: '/favicon.svg',
  },
};

export { viewport };

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="fa" dir="rtl">
      <body>
        <QueryProvider>
          {children}
          <ToastContainer />
          <MobileBottomMenu />
          <ReactQueryDevtools initialIsOpen={false} />
          <ManageData />
        </QueryProvider>
      </body>
    </html>
  );
}
