mirror of
https://github.com/rzmk/learnhouse.git
synced 2025-12-19 04:19:25 +00:00
42 lines
1.4 KiB
TypeScript
42 lines
1.4 KiB
TypeScript
'use client'
|
|
import '../styles/globals.css'
|
|
import StyledComponentsRegistry from '../components/Utils/libs/styled-registry'
|
|
import { motion } from 'framer-motion'
|
|
import { SessionProvider } from 'next-auth/react'
|
|
import LHSessionProvider from '@components/Contexts/LHSessionContext'
|
|
import { isDevEnv } from './auth/options'
|
|
import Script from 'next/script'
|
|
|
|
export default function RootLayout({
|
|
children,
|
|
}: {
|
|
children: React.ReactNode
|
|
}) {
|
|
const variants = {
|
|
hidden: { opacity: 0, x: 0, y: 0 },
|
|
enter: { opacity: 1, x: 0, y: 0 },
|
|
exit: { opacity: 0, x: 0, y: 0 },
|
|
}
|
|
return (
|
|
<html className="" lang="en">
|
|
<head />
|
|
<body>
|
|
<SessionProvider key="session-provider" refetchInterval={60000}>
|
|
<LHSessionProvider>
|
|
<StyledComponentsRegistry>
|
|
<motion.main
|
|
variants={variants} // Pass the variant object into Framer Motion
|
|
initial="hidden" // Set the initial state to variants.hidden
|
|
animate="enter" // Animated state to variants.enter
|
|
exit="exit" // Exit state (used later) to variants.exit
|
|
transition={{ type: 'tween' }} // Set the transition to tween
|
|
>
|
|
{children}
|
|
</motion.main>
|
|
</StyledComponentsRegistry>
|
|
</LHSessionProvider>
|
|
</SessionProvider>
|
|
</body>
|
|
</html>
|
|
)
|
|
}
|