import type { Metadata } from "next";
import "~/styles/globals.css";
import "react-day-picker/dist/style.css";
import { inter } from "~/utils/fonts";
export const metadata: Metadata = {
	description: "Trova casa ora con Infoalloggi",
	icons: {
		apple: {
			sizes: "180x180",
			type: "image/png",
			url: "/favicon/apple-touch-icon.png",
		},
		icon: [
			{ sizes: "32x32", type: "image/png", url: "/favicon/favicon-32x32.png" },
			{ sizes: "16x16", type: "image/png", url: "/favicon/favicon-16x16.png" },
		],
		other: [
			{
				color: "#5bbad5",
				rel: "mask-icon",
				url: "/favicon/safari-pinned-tab.svg",
			},
		],
	},

	manifest: "/site.webmanifest",
	title: "Infoalloggi.it",
};

export default function RootLayout({
	children,
}: {
	children: React.ReactNode;
}) {
	return (
		<html
			className={`${inter.variable} scrollbar-default font-sans`}
			lang="en"
			suppressHydrationWarning
		>
			<body>{children}</body>
		</html>
	);
}
