import type { Metadata } from "next";
import { Geist, Geist_Mono } from "next/font/google";
import { headers } from "next/headers";
import "./globals.css";

const geistSans = Geist({ variable: "--font-geist-sans", subsets: ["latin"] });
const geistMono = Geist_Mono({ variable: "--font-geist-mono", subsets: ["latin"] });

export async function generateMetadata():Promise<Metadata>{
  const h=await headers(); const host=h.get("host")??"localhost:3000"; const protocol=host.includes("localhost")?"http":"https"; const base=new URL(`${protocol}://${host}`);
  const title="do they pacers? — Find the game near you"; const description="Find Indiana restaurants, pubs, and bars showing Pacers games live.";
  return {metadataBase:base,title,description,icons:{icon:"/favicon.svg",shortcut:"/favicon.svg"},openGraph:{title,description,images:[new URL("/og.png",base).toString()]},twitter:{card:"summary_large_image",title,description,images:[new URL("/og.png",base).toString()]}};
}

export default function RootLayout({ children }: Readonly<{ children: React.ReactNode }>) {
  return <html lang="en"><body className={`${geistSans.variable} ${geistMono.variable}`}>{children}</body></html>;
}
