import "./globals.css";
import { ColorSchemeScript, MantineProvider, createTheme } from "@mantine/core";
import { Space_Grotesk, Space_Mono } from "next/font/google";
// Font
const sans = Space_Grotesk({
subsets: ["latin"],
weight: ["400", "500", "600"],
variable: "--font-sans",
});
const mono = Space_Mono({
subsets: ["latin"],
weight: ["400", "700"],
variable: "--font-mono",
});
export const metadata = {
title: "Real-time SDTurbo + WebRTC",
description: "",
};
const theme = createTheme({
defaultRadius: "md",
colors: {
darkIndigo: [
"#e0e7ff",
"#c7d2fe",
"#a5b4fc",
"#818cf8",
"#6366f1",
"#4f46e5",
"#4338ca",
"#3730a3",
"#312e81",
"#1e1b4b",
],
},
primaryColor: "darkIndigo",
});
export default function RootLayout({ children }) {
return (
<html lang="en">
<head>
<ColorSchemeScript />
<meta
name="viewport"
content="minimum-scale=1, initial-scale=1, width=device-width, user-scalable=no"
/>
</head>
<body className={`${sans.variable} ${mono.variable}`}>
<MantineProvider theme={theme}>{children}</MantineProvider>
</body>
</html>
);
}