import type { Metadata } from "next";
import { Inter } from "next/font/google";
import "./globals.css";
import { AppShell } from "@/components/app-shell";
import { BetSlipProvider } from "@/components/bet-slip";

const inter = Inter({ subsets: ["latin"], variable: "--font-inter" });

export const metadata: Metadata = {
  title: "ZiraBet",
  description: "Plateforme sportsbook production-ready."
};

export default function RootLayout({ children }: Readonly<{ children: React.ReactNode }>) {
  return (
    <html lang="fr" className={inter.variable}>
      <body className="font-sans antialiased">
        <BetSlipProvider>
          <AppShell>{children}</AppShell>
        </BetSlipProvider>
      </body>
    </html>
  );
}