openreader/src/app/layout.tsx
2025-01-18 15:47:37 -07:00

48 lines
1.2 KiB
TypeScript

import type { Metadata } from "next";
import { Geist, Geist_Mono } from "next/font/google";
import "./globals.css";
import { Providers } from "./providers";
import { TTSProvider } from "@/context/TTSContext";
import TTSPlayer from "@/components/TTSPlayer";
const geistSans = Geist({
variable: "--font-geist-sans",
subsets: ["latin"],
});
const geistMono = Geist_Mono({
variable: "--font-geist-mono",
subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Create Next App",
description: "Generated by create next app",
};
export default function RootLayout({
children,
}: {
children: React.ReactNode;
}) {
return (
<html lang="en">
<body
className={`${geistSans.variable} ${geistMono.variable} font-sans antialiased`}
>
<Providers>
<TTSProvider>
<div className="min-h-screen bg-background p-4">
<div className="max-w-6xl mx-auto align-center">
<div className="bg-base rounded-lg shadow-lg">
{children}
</div>
</div>
</div>
<TTSPlayer />
</TTSProvider>
</Providers>
</body>
</html>
);
}