quiniela-sembradores-frontend/app/layout.tsx

47 lines
1.3 KiB
TypeScript

import type {Metadata, Viewport} from "next";
import {AppRouterCacheProvider} from '@mui/material-nextjs/v15-appRouter';
import {Roboto} from 'next/font/google'
import {ThemeProvider} from '@mui/material/styles'
import theme from '@/src/theme'
import "./globals.css";
import React from "react";
import {CssBaseline} from "@mui/material";
import {AuthProvider} from "@/src/auth/AuthProvider";
const roboto = Roboto({
weight: ['300', '400', '500', '700'],
subsets: ['latin'],
display: 'swap',
variable: '--font-roboto',
})
export const metadata: Metadata = {
title: "Quiniela Sembradores",
description: "Quiniela Sembradores - Mundial 2026",
};
export const viewport: Viewport = {
initialScale: 1,
width: 'device-width',
}
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
return (
<html lang="es-MX" className={roboto.variable}>
<body>
<AppRouterCacheProvider>
<CssBaseline/>
<ThemeProvider theme={theme}>
<AuthProvider>
{children}
</AuthProvider>
</ThemeProvider>
</AppRouterCacheProvider>
</body>
</html>
);
}