import React from "react";
import '../styles/globals.scss'
import type {Metadata} from 'next'
import {Inter} from 'next/font/google'
import {App} from "@/app/App";
import {description, keywords, node_head, title} from "@/constant";

const inter = Inter({ subsets: ['latin'] })

export const metadata: Metadata = {
  title: {
    template: '%s | ' + title,
    default: title, // a default is required when creating a template
  },
  description,
  keywords,
}

export default function RootLayout({
  children,
}: {
  children: React.ReactNode
}) {
  return (
    <html lang="zh">
      <head>
        {node_head}
      </head>
      <body className={inter.className}>
        <App>{children}</App>
      </body>
    </html>
  )
}