"use client";

import { useConfig } from "@/lib/config";
import Script from 'next/script';
import { App } from "./App";
import "./global.css";

export default function JmakaranLayout({children, langs}){    
    const {laraDomain, nextDomain, cssVersion, projectName, siteTitle} = useConfig();

    return <html lang="fa" data-scroll-behavior="smooth">
            <head>
                {/* <title >{siteTitle}</title> */}
                <link rel="stylesheet"   href={ nextDomain + "/fonts/style.css?v="+cssVersion } />
                <link rel="stylesheet"   href={ laraDomain + `/admin/css/style.css?v=${cssVersion}` } />
                <link rel="stylesheet"   href={`/projects/${projectName}/project.css?ver=${cssVersion}`} />
                <Script id='jquery'      src ={ laraDomain + '/admin/js/jquery-3.3.1.min.js'} strategy='afterInteractive' />
            </head>
            <body className="p-0" suppressHydrationWarning={true}>
                <App key={"app"}>
                    {children}
                </App>
            </body>
        </html>
}