import type { Metadata, Viewport } from "next";
import { Nunito, Shrikhand } from "next/font/google";
import "./globals.css";

const body = Nunito({ variable: "--font-body", subsets: ["latin"] });
const heading = Shrikhand({ variable: "--font-heading", subsets: ["latin"], weight: "400" });

export const metadata: Metadata = {
  title: "AmiCibi",
  description: "Cosa mangiano (e cosa no) i nostri amici",
  robots: { index: false, follow: false, nocache: true, googleBot: { index: false, follow: false } },
  appleWebApp: { capable: true, title: "AmiCibi", statusBarStyle: "default" },
  formatDetection: { telephone: false },
};

export const viewport: Viewport = {
  width: "device-width",
  initialScale: 1,
  viewportFit: "cover",
  themeColor: [
    { media: "(prefers-color-scheme: light)", color: "#2f55c9" },
    { media: "(prefers-color-scheme: dark)", color: "#2a4ab0" },
  ],
};

export default function RootLayout({ children }: LayoutProps<"/">) {
  return (
    <html lang="it" className={`${body.variable} ${heading.variable} h-full antialiased`}>
      <body className="min-h-full">{children}</body>
    </html>
  );
}