small-seasons/app/layout.tsx at master · rosszurowski/small-seasons · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
import React from "react"
import localFont from "next/font/local"
import clsx from "clsx"
import "./index.css"

const quadraat = localFont({
  src: [
    {
      path: "./fonts/Quadraat-Regular.woff2",
      weight: "400",
      style: "normal",
    },
    {
      path: "./fonts/Quadraat-RegularItalic.woff2",
      weight: "400",
      style: "italic",
    },
    {
      path: "./fonts/Quadraat-Bold.woff2",
      weight: "600",
      style: "normal",
    },
  ],
  variable: "--font-quadraat",
  display: "swap",
})

export default function Layout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en" className={clsx("bg-light", quadraat.variable)}>
      <body>{children}</body>
    </html>
  )
}