import type { Metadata } from "next";
import { Ubuntu, Noto_Sans_JP } from "next/font/google";
import { ClerkProvider } from "@clerk/nextjs";
import "@/styles/globals.css";
import { Toaster } from "sonner";
const ubuntu = Ubuntu({
subsets: ["latin"],
weight: ["400", "700"],
variable: "--font-ubuntu",
display: "swap",
});
const notoSansJP = Noto_Sans_JP({
subsets: ["latin"],
weight: ["400", "700"],
variable: "--font-noto-sans-jp",
display: "swap",
preload: false,
});
export const dynamic = "force-dynamic";
export const metadata: Metadata = {
title: "MCPist Console",
description: "MCPist User Console",
};
export default function RootLayout({
children,
}: {
children: React.ReactNode;
}) {
return (
<ClerkProvider>
<html lang="ja">
<body className={`${ubuntu.variable} ${notoSansJP.variable} font-sans antialiased`}>
{children}
<Toaster richColors position="top-right" />
</body>
</html>
</ClerkProvider>
);
}
