import localFont from "next/font/local";
import classNames from "classnames";

const helveticaNeueCyrFont = localFont({
    src: '../shared/assets/fonts/HelveticaNeueCyr-Bold.ttf',
    variable: '--HelveticaNeueCyr',
})

const sFProTextFont = localFont({
    src: [
        {
            path: '../shared/assets/fonts/SFProText-Bold.ttf',
            weight: '700',
            style: 'normal',
        },
        {
            path: '../shared/assets/fonts/SFProText-Semibold.ttf',
            weight: '600',
            style: 'normal',
        },
        {
            path: '../shared/assets/fonts/SFProText-Regular.ttf',
            weight: '400',
            style: 'normal',
        },
    ],
    variable: '--SFProText',
})

const proximaNovaFont = localFont({
    src: '../shared/assets/fonts/proximanova_extrabold.otf',
    variable: '--ProximaNova',
})


export default function RootLayout({
                                       children,
                                   }: Readonly<{
    children: React.ReactNode;
}>) {
    return (
        <html lang="en"
              className={classNames(helveticaNeueCyrFont.variable, sFProTextFont.variable, proximaNovaFont.variable)}>
        <body>{children}</body>
        </html>
    );
}
