import type { Metadata } from "next";

import { Inter } from "next/font/google";

import { Toaster } from "react-hot-toast";

import BackToTopButton from "@/components/BackToTopButton/BackToTopButton";

import { connectToDB } from "@/services/db/connect";

import { FilterPanelProvider } from "@/contexts/FilterPanelContext";
import "@/styles/main.scss";

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

export const metadata: Metadata = {
  title: {
    default: "Магазин Леонис",
    template: "%s | Магазин Леонис",
  },
};

export default async function RootLayout({ children }: LayoutProps<"/">) {
  await connectToDB(process.env.MONGO_URI);

  return (
    <html lang="ru" className={inter.className}>
      <body>
        <FilterPanelProvider>
          <Toaster />

          {children}

          <BackToTopButton />
        </FilterPanelProvider>
      </body>
    </html>
  );
}
