import { Cormorant_Garamond, Inter, Source_Serif_4 } from "next/font/google";
import type { Metadata } from "next";
import { Header, Footer } from "@/components/chrome";
import { readSession } from "@/lib/session";
import "./globals.css";

const display = Source_Serif_4({
  subsets: ["latin"],
  weight: ["600", "700"],
  variable: "--font-serif",
});

const script = Cormorant_Garamond({
  subsets: ["latin"],
  weight: ["500", "600"],
  style: ["italic"],
  variable: "--font-script",
});

const body = Inter({
  subsets: ["latin"],
  weight: ["400", "500", "600", "700"],
  variable: "--font-sans",
});

export const metadata: Metadata = {
  title: {
    default: "ElbeeGems Community",
    template: "%s | ElbeeGems Community",
  },
  description: "A private community portal for gem industry professionals and enthusiasts.",
};

export default async function RootLayout({ children }: { children: React.ReactNode }) {
  const user = await readSession();
  return (
    <html lang="en">
      <body className={`${display.variable} ${script.variable} ${body.variable} flex min-h-screen flex-col antialiased`}>
        <Header user={user} />
        <main className="flex-1">{children}</main>
        <Footer user={user} />
      </body>
    </html>
  );
}