import { Montserrat } from 'next/font/google'
const font_p = Montserrat({
subsets: ['latin'],
variable: '--font-p',
})
const var_styles = `:root {
--font-p: ${font_p.style.fontFamily};
}`
export default async function RootLayout({ children }: {children: React.ReactNode,}) {
return <html lang="en">
<body className={`${font_p.variable}`}>
<style>{var_styles}</style>
{children}
</body>
</html>
}
import { Montserrat } from 'next/font/google'
const font_p = Montserrat({
subsets: ['latin'],
variable: '--font-p',
})
const var_styles = `:root {
--font-p: ${font_p.style.fontFamily};
}`
export default async function RootLayout({ children }: {children: React.ReactNode,}) {
return <html lang="en">
<body className={`${font_p.variable}`}>
<style>{var_styles}</style>
{children}
</body>
</html>
}