import type { Metadata, Viewport } from "next";
import "./globals.css";

export const metadata: Metadata = {
  title: "muse",
  description: "Request a song, get it in your library, correctly tagged.",
};

export const viewport: Viewport = {
  themeColor: "#08090d",
  width: "device-width",
  initialScale: 1,
  viewportFit: "cover",
};

/**
 * System fonts on purpose. next/font self-hosts a webfont — fine for the CSP,
 * but it makes the Docker build reach out to Google at build time, and
 * -apple-system resolves to SF Pro on the devices this is actually used from,
 * which is the look being aimed at anyway.
 */
export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en" className="h-full antialiased">
      <body className="flex min-h-full flex-col">{children}</body>
    </html>
  );
}