import "~/styles/globals.css";

import type { Metadata } from "next";
import type { ReactNode } from "react";

import { SiteHeader } from "~/components/SiteHeader";

export const metadata: Metadata = {
  title: "Open Security Labs",
  description: "Open Security lab content and notebook conversions",
  icons: [{ rel: "icon", url: "/logo.png" }],
};

export default function RootLayout({ children }: { children: ReactNode }) {
  return (
    <html lang="en">
      <body className="bg-white text-slate-900">
        <SiteHeader />
        {children}
      </body>
    </html>
  );
}
