import type { Metadata } from "next";
import "./globals.css";
import { pretendard } from "./fonts";
import HeaderVisibility from "./components/HeaderVisibility";
import FooterVisibility from "./components/FooterVisibility";
import { TokenExpiredProvider } from "./components/TokenExpiredProvider";

export const metadata: Metadata = {
  title: "XRLMS",
  description: "XRLMS(description)",
};

export default function RootLayout({
  children,
}: Readonly<{ children: React.ReactNode; }>) {
  return (
    <html lang="ko">
      <body className={`${pretendard.className} min-h-screen flex flex-col`}>
        <TokenExpiredProvider>
          <HeaderVisibility />
          <main className="flex-1 min-h-0">
            {children}
          </main>
          <FooterVisibility />
        </TokenExpiredProvider>
      </body>
    </html>
  );
}
