2024-05-24 01:16:02 +00:00
|
|
|
import type { Metadata } from "next"
|
|
|
|
|
import { Inter } from "next/font/google"
|
|
|
|
|
import "./globals.css"
|
2024-06-19 21:17:05 +00:00
|
|
|
import Header from "./components/header"
|
|
|
|
|
import { Sheet } from "@mui/joy"
|
2024-05-23 21:18:39 +00:00
|
|
|
|
2024-05-24 01:16:02 +00:00
|
|
|
const inter = Inter({ subsets: ["latin"] })
|
2024-05-23 21:18:39 +00:00
|
|
|
|
|
|
|
|
export const metadata: Metadata = {
|
2024-05-25 17:41:58 +00:00
|
|
|
title: "MTG Art Search",
|
|
|
|
|
description: "Search for magic cards by features in their artwork",
|
2024-05-24 01:16:02 +00:00
|
|
|
}
|
2024-05-23 21:18:39 +00:00
|
|
|
|
|
|
|
|
export default function RootLayout({
|
|
|
|
|
children,
|
|
|
|
|
}: Readonly<{
|
2024-05-24 01:16:02 +00:00
|
|
|
children: React.ReactNode
|
2024-05-23 21:18:39 +00:00
|
|
|
}>) {
|
|
|
|
|
return (
|
|
|
|
|
<html lang="en">
|
2024-06-19 21:17:05 +00:00
|
|
|
<body className={inter.className}>
|
|
|
|
|
<Sheet
|
|
|
|
|
sx={{
|
|
|
|
|
minHeight: "100vh",
|
|
|
|
|
display: "flex",
|
|
|
|
|
flexDirection: "column",
|
|
|
|
|
}}
|
|
|
|
|
>
|
|
|
|
|
<Header />
|
|
|
|
|
{children}
|
|
|
|
|
</Sheet>
|
|
|
|
|
</body>
|
2024-05-23 21:18:39 +00:00
|
|
|
</html>
|
2024-05-24 01:16:02 +00:00
|
|
|
)
|
2024-05-23 21:18:39 +00:00
|
|
|
}
|
