'use client'
import { BaseLayout } from "@common/components";
import "./globals.css";
import { StoreProvider } from "./store";
import { MainDiv } from "@common/business_components";
import koBase from '../public/locales/ko/message.json';
import i18next from "i18next";
import { I18nextProvider } from "react-i18next";

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  i18next.init({
    lng: 'ko',
    fallbackLng: 'ko',
    resources: {
      ko: {
        base: koBase,
      },
    }
  });

  return (
    <html lang="en">
      <body>
        <I18nextProvider i18n={i18next}>
          <StoreProvider>
            <BaseLayout>
              <MainDiv>
                {children}
              </MainDiv>
            </BaseLayout>
          </StoreProvider>
        </I18nextProvider>
      </body>
    </html >
  );
}