import type { Metadata } from "next";
import { Geist, Geist_Mono, JetBrains_Mono } from "next/font/google";
import "./globals.css";
import Header from "@/components/header";
import Providers from "@/providers";
const geistSans = Geist({
variable: "--font-geist-sans",
subsets: ["latin"],
});
const geistMono = Geist_Mono({
variable: "--font-geist-mono",
subsets: ["latin"],
});
const jetBrainsMono = JetBrains_Mono({
variable: "--font-jetbrains-mono",
subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Devex",
description: "Cloud Dev IDE",
};
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
return (
<html lang="en" suppressHydrationWarning>
<head>
<link rel="icon" href="/logo.png" sizes="any" />
</head>
<body
className={`${geistSans.variable} ${geistMono.variable} ${jetBrainsMono.variable} antialiased`}
suppressHydrationWarning
>
<Providers>
<Header />
{children}
</Providers>
</body>
</html>
);
}
