41 lines
1.1 KiB
JavaScript
41 lines
1.1 KiB
JavaScript
// MUI Imports
|
|
import InitColorSchemeScript from '@mui/material/InitColorSchemeScript'
|
|
|
|
// Third-party Imports
|
|
import 'react-perfect-scrollbar/dist/css/styles.css'
|
|
|
|
// Util Imports
|
|
import { getSystemMode } from '@core/utils/serverHelpers'
|
|
|
|
// Style Imports
|
|
import '@/app/globals.css'
|
|
|
|
// Generated Icon CSS Imports
|
|
import '@assets/iconify-icons/generated-icons.css'
|
|
|
|
export const metadata = {
|
|
title: 'Vuexy - MUI Next.js Admin Dashboard Template',
|
|
description:
|
|
'Vuexy - MUI Next.js Admin Dashboard Template - is the most developer friendly & highly customizable Admin Dashboard Template based on MUI v5.'
|
|
}
|
|
|
|
const RootLayout = async props => {
|
|
const { children } = props
|
|
|
|
// Type guard to ensure lang is a valid Locale
|
|
// Vars
|
|
const systemMode = await getSystemMode()
|
|
const direction = 'ltr'
|
|
|
|
return (
|
|
<html id='__next' lang='en' dir={direction} suppressHydrationWarning>
|
|
<body className='flex is-full min-bs-full flex-auto flex-col'>
|
|
<InitColorSchemeScript attribute='data' defaultMode={systemMode} />
|
|
{children}
|
|
</body>
|
|
</html>
|
|
)
|
|
}
|
|
|
|
export default RootLayout
|