import '@fontsource/iosevka-aile/300.css'
import '@fontsource/iosevka-aile/400.css'
import '@fontsource/iosevka-aile/600.css'
import '@fontsource/iosevka-aile/700.css'
import '@fontsource/iosevka/300.css'
import '@fontsource/iosevka/400.css'
import '@fontsource/iosevka/600.css'
import '@fontsource/iosevka/700.css'
import type { Metadata } from 'next'

import { Blaka, Geist } from 'next/font/google'
import './foundation.css'
import './globals.css'

const geistSans = Geist({
  variable: '--font-geist-sans',
  subsets: ['latin'],
})

const blaka = Blaka({
  weight: '400', // Blaka only has one weight
  subsets: ['latin'],
  display: 'swap',
  variable: '--font-blaka', // CSS variable for easy use
})

export const metadata: Metadata = {
  title: 'Create Next App',
  description: 'Generated by create next app',
}

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