import '@mantine/core/styles.css'
import '@mantine/core/styles.layer.css'
import '@mantine/notifications/styles.css'
import '@mantine/nprogress/styles.css'
import 'mantine-datatable/styles.layer.css'
import 'mantine-contextmenu/styles.layer.css'
import { MantineProvider, localStorageColorSchemeManager } from '@mantine/core'
import { ModalsProvider } from '@mantine/modals'
import { Notifications } from '@mantine/notifications'
import { NavigationProgress } from '@mantine/nprogress'
import type { AppProps } from 'next/app'
import Head from 'next/head'
import { env } from '~/config/env'
import { theme } from '~/core/styles/theme'
import getSiteLayout from '~/layouts/core'
import { ContextMenuProvider } from 'mantine-contextmenu'
const colorSchemeManager = localStorageColorSchemeManager({
key: `${env.PREFFIX}-color-scheme`,
})
export default function App(props: AppProps) {
const siteLayout = getSiteLayout(props)
const title = env.APP_NAME
const description = `${env.APP_NAME} - Improve your website with me.`
const metaURL = env.SITE_URL
const metaImage = '/favicon.svg'
const webIconURL = '/favicon.svg'
return (
<>
{env.APP_NAME}
{/* router transition provider */}
{/* notification provider */}
{/* modal provider */}
{/* render site layout */}
{siteLayout}
)
}