import type { Metadata } from "next";
import "./globals.css";
import localFont from "next/font/local";
import "@milkdown/crepe/theme/common/style.css";
import "@milkdown/crepe/theme/frame.css";
import { SessionProvider } from "next-auth/react";

export const metadata: Metadata = {
  title: "everfactory",
  description: "easy music production",
};

const fontsuit = localFont({
  src: [
    {
      path: "./fonts/SUIT/SUIT-Thin.ttf",
      weight: "100", 
      style: "normal",
    },
    {
      path: "./fonts/SUIT/SUIT-ExtraLight.ttf",
      weight: "200",
      style: "normal",
    },
    {
      path: "./fonts/SUIT/SUIT-Light.ttf",
      weight: "300",
      style: "normal",
    },
    {
      path: "./fonts/SUIT/SUIT-Regular.ttf",
      weight: "400",
      style: "normal",
    },
    {
      path: "./fonts/SUIT/SUIT-Medium.ttf",
      weight: "500",
      style: "normal",
    },
    {
      path: "./fonts/SUIT/SUIT-SemiBold.ttf",
      weight: "600",
      style: "normal",
    },
    {
      path: "./fonts/SUIT/SUIT-Bold.ttf",
      weight: "700",
      style: "normal",
    },
    {
      path: "./fonts/SUIT/SUIT-ExtraBold.ttf",
      weight: "800",
      style: "normal",
    },
    {
      path: "./fonts/SUIT/SUIT-Heavy.ttf",     
      weight: "900",
      style: "normal",
    },

  ],
});

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en">
      <body className={`${fontsuit.className} antialiased`} > 
        <SessionProvider>
          {children} 
        </SessionProvider>
      </body>
    </html>
  );
}
