import {
  Indie_Flower,
  The_Girl_Next_Door,
  
} from "next/font/google"
import localFont from "next/font/local"

export const indieflower = Indie_Flower({
  subsets: ["latin"],
  weight: "400",
  variable: "--font-indieflower",
})

export const thegirlnextdoor = The_Girl_Next_Door({
  subsets: ["latin"],
  weight: "400",
  variable: "--font-the-girl-next-door",
})

export const komika = localFont({
  src: "../fonts/Komika-Hand/Komika-Hand.woff2",
  variable: "--font-komika"
})

export const actionman = localFont({
  src: "../fonts/Action-Man/Action-Man.woff2",
  variable: "--font-action-man"
})

export const karantula = localFont({
  src: "../fonts/Karantula/Karantula.woff2",
  variable: "--font-karantula"
})

export const manoskope = localFont({
  src: "../fonts/Manoskope/MANOSKOPE-Bold.woff2",
  variable: "--font-manoskope"
})

export const paeteround = localFont({
  src: "../fonts/Paete-Round/Paete-Round.woff2",
  variable: "--font-paete-round"
})

export const qarmic = localFont({
  src: "../fonts/Qarmic-Sans/Qarmic-Sans-Abridged.woff2",
  variable: "--font-qarmic-sans"
})

export const archrival = localFont({
  src: "../fonts/SF-Arch-Rival/SF-Arch-Rival.woff2",
  variable: "--font-sf-arch-rival"
})

export const cartoonist = localFont({
  src: "../fonts/SF-Cartoonist-Hand/SF-Cartoonist-Hand.woff2",
  variable: "--font-sf-cartoonist-hand"
})

export const toontime = localFont({
  src: "../fonts/SF-Toontime/SF-Toontime.woff2",
  variable: "--font-sf-toontime"
})

export const vtc = localFont({
  src: "../fonts/VTC-Letterer-Pro/VTC-Letterer-Pro.woff2",
  variable: "--font-vtc-letterer-pro"
})


export const digitalstrip = localFont({
  src: "../fonts/DigitalStripBB/DigitalStripBB_Reg.woff2",
  variable: "--font-digital-strip-bb"
})

// https://nextjs.org/docs/pages/building-your-application/optimizing/fonts 
// If loading a variable font, you don"t need to specify the font weight
export const fonts = {
  indieflower,
  thegirlnextdoor,
  // komika,
  actionman,
  karantula,
  manoskope,
  // paeteround,
  // qarmic,
 //  archrival,
  // cartoonist,
  // toontime,
  // vtc,
  digitalstrip
}

// https://nextjs.org/docs/pages/building-your-application/optimizing/fonts 
// If loading a variable font, you don"t need to specify the font weight
export const fontList = Object.keys(fonts)

export type FontName = keyof typeof fonts

export const defaultFont = "cartoonist" as FontName

export const classNames = Object.values(fonts).map(font => font.className)

export const className = classNames.join(" ")

export type FontClass =
  | "font-indieflower"
  | "font-thegirlnextdoor"
  | "font-komika"
  | "font-actionman"
  | "font-karantula"
  | "font-manoskope"
  | "font-paeteround"
  | "font-qarmic"
  | "font-archrival"
  | "font-cartoonist"
  | "font-toontime"
  | "font-vtc"
  | "font-digitalstrip"