import { Bebas_Neue, Onest, Space_Mono, Tilt_Warp } from "next/font/google"
import type { FontPair } from "../../lib/types"

// preload: false – siehe restaurant/fonts.ts
const bebas = Bebas_Neue({ subsets: ["latin"], weight: "400", variable: "--font-event-bebas", preload: false })
const spaceMono = Space_Mono({ subsets: ["latin"], weight: ["400", "700"], variable: "--font-event-mono", preload: false })
const tilt = Tilt_Warp({ subsets: ["latin"], variable: "--font-event-tilt", preload: false })
const onest = Onest({ subsets: ["latin"], variable: "--font-event-onest", preload: false })

export const fonts: Record<string, FontPair> = {
    techno: { className: `${bebas.variable} ${spaceMono.variable}`, display: "var(--font-event-bebas)", body: "var(--font-event-mono)" },
    modern: { className: `${tilt.variable} ${onest.variable}`, display: "var(--font-event-tilt)", body: "var(--font-event-onest)" },
}