import { ReactNode } from "react";
import { Metadata } from "next";
import "app/_styles/global.css";
import "@fontsource/poppins/400.css";
import "@fontsource/poppins/700.css";
import "@fontsource/roboto/400.css";
import "@fontsource/roboto/700.css";
import "@fontsource/playfair-display/900.css";
// import getConfig from "next/config";
// import { LicenseInfo } from "@mui/x-data-grid-pro";
import { MultiProvider } from "app/_components/MultiProvider";

export const metadata: Metadata = {
  title: "Leafcutter",
};

type LayoutProps = {
  children: ReactNode;
};

export default function Layout({ children }: LayoutProps) {
  // const { publicRuntimeConfig } = getConfig();
  // LicenseInfo.setLicenseKey(publicRuntimeConfig.muiLicenseKey);

  return (
    <html lang="en">
      <body>
        <MultiProvider>{children}</MultiProvider>
      </body>
    </html>
  );
}
