// frontend/app/layout.tsx
import type { Metadata } from "next";
import { onest, dmMono } from "./fonts";
import { ThemeProvider } from "@/components/ThemeProvider";
import { Shell } from "@/components/Shell";
import "@/styles/globals.css";

export const metadata: Metadata = {
  title: "아리 — AI LIFE OS",
  description: "적을 때는 분류하지 않는다 — 분류·배치·자동화는 아리가.",
};

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    // lang=ko + data-theme는 next-themes가 주입 → suppressHydrationWarning 필수
    <html lang="ko" suppressHydrationWarning className={`${onest.variable} ${dmMono.variable}`}>
      <body>
        <ThemeProvider>
          <Shell>{children}</Shell>
        </ThemeProvider>
      </body>
    </html>
  );
}
