import { cookies } from "next/headers";
import Script from "next/script";

import "@fontsource-variable/noto-sans-kr";

import { AppProvider } from "./providers/app-provider";

import "./styles/base.css";
import "./styles/components.css";
import "realgrid/dist/realgrid-style.css";
import "../components/css/DataGrid.css";
const App = async ({ children }: Readonly<{ children: React.ReactNode }>) => {
  const theme = (await cookies()).get("site-theme-key");

  return (
    <html lang="ko" data-theme={theme?.value}>
      <head>
      <Script src="/tinymce/tinymce.min.js" strategy="afterInteractive" />
      </head>
      <body>
        <AppProvider>{children}</AppProvider>
      </body>
    </html>
  );
};

export { App };