import localFont from "next/font/local";

/* As fontes da Galera: Space Grotesk nos números do placar e da tabela
   (algarismos largos, tabulares) e JetBrains Mono nos rótulos de placar
   ("AO VIVO", cabeçalho das colunas). Do disco, nunca do Google (o deploy
   caía nas fontes do Google; ver fonts/). */
const numeros = localFont({
  src: [
    { path: "../../fonts/space-grotesk/SpaceGrotesk-Variavel.woff2", weight: "500", style: "normal" },
    { path: "../../fonts/space-grotesk/SpaceGrotesk-Variavel.woff2", weight: "700", style: "normal" },
  ],
  variable: "--fonte-galera-numeros",
});

const mono = localFont({
  src: [
    { path: "../../fonts/jetbrains-mono/JetBrainsMono-Variavel.woff2", weight: "500", style: "normal" },
    { path: "../../fonts/jetbrains-mono/JetBrainsMono-Variavel.woff2", weight: "700", style: "normal" },
  ],
  variable: "--fonte-galera-mono",
});

export default function LayoutDaGalera({ children }: { children: React.ReactNode }) {
  return <div className={`${numeros.variable} ${mono.variable}`}>{children}</div>;
}