import "./globals.css";
import type {Metadata} from "next";
import {Inter} from "next/font/google";
import {Elements} from "@stripe/react-stripe-js";
import {loadStripe} from "@stripe/stripe-js";

const inter = Inter({subsets: ["latin"]});

export const metadata: Metadata = {
	title: "EnCoach",
	description: "We are the best service and the only one",
};

export default function RootLayout({children}: {children: React.ReactNode}) {
	return (
		<html lang="en">
			<head>
				<link rel="icon" href="/favicon.ico" sizes="any" />
				<meta httpEquiv="Content-Security-Policy" content="default-src 'self' *.stripe.com" />

				<script async src="https://js.stripe.com/v3/pricing-table.js" />
			</head>
			<body className={inter.className}>{children}</body>
		</html>
	);
}
