import 'remixicon/fonts/remixicon.css';
import '@styles/admin/front-pages.css';
import "@styles/admin/control-panel.css";
import "@styles/admin/left-sidebar-menu.css";
import "@styles/admin/top-navbar.css";
import "@styles/admin/globals.css";
import "@styles/admin/dark.css";
import "@styles/admin/rtl.css";

import * as React from "react";
import { AppRouterCacheProvider } from "@mui/material-nextjs/v14-appRouter";
import { ThemeProvider } from "@mui/material/styles";
import CssBaseline from "@mui/material/CssBaseline";
import theme from "@/theme";
import LayoutProvider from "@/providers/LayoutProvider";

export const metadata = {
  title: "Land & Roots Floor Plan Portfolio",
  description: "Land & Roots Floor Plan Portfolio",
};

export default function RootLayout(props: { children: React.ReactNode }) {
  return (
    <html lang="en">
      <head>
        <link
          rel="stylesheet"
          href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0"
        />
      </head>
      <body>
        <AppRouterCacheProvider options={{ enableCssLayer: true }}>
          <ThemeProvider theme={theme}>
            <CssBaseline />
            <LayoutProvider>{props.children}</LayoutProvider>
          </ThemeProvider>
        </AppRouterCacheProvider>
      </body>
    </html>
  );
}
