Files

79 lines
2.0 KiB
TypeScript

import type { Metadata } from 'next';
import Script from 'next/script';
import localFont from 'next/font/local';
import { Manrope } from 'next/font/google';
import '../public/globals.css';
import { PropsWithChildren } from 'react';
import { Params } from 'next/dist/shared/lib/router/utils/route-matcher';
const manrope = Manrope({
weight: ['200', '300', '400', '500', '600', '700'],
style: ['normal'],
subsets: ['latin'],
variable: '--font-manrope',
});
const clashFont = localFont({
src: [
{
path: '../public/fonts/ClashDisplay-Bold.otf',
weight: '800',
style: 'normal',
},
{
path: '../public/fonts/ClashDisplay-Extralight.otf',
weight: '100',
style: 'normal',
},
{
path: '../public/fonts/ClashDisplay-Light.otf',
weight: '200',
style: 'normal',
},
{
path: '../public/fonts/ClashDisplay-Regular.otf',
weight: '400',
style: 'normal',
},
{
path: '../public/fonts/ClashDisplay-Semibold.otf',
weight: '600',
style: 'normal',
},
{
path: '../public/fonts/ClashDisplay-Medium.otf',
weight: '500',
style: 'normal',
},
],
variable: '--font-clash',
});
export const metadata: Metadata = {
title: 'Robucks clicker',
description: 'Robucks clicker',
};
export default async function RootLayout({
children,
params,
}: PropsWithChildren & { params: Params }) {
return (
<html lang='ru'>
<head>
<Script
src='https://telegram.org/js/telegram-web-app.js'
strategy='beforeInteractive'
/>
</head>
<body
className={`${clashFont.className} ${manrope.variable}`}
suppressHydrationWarning={true}
>
{children}
</body>
</html>
);
}