// import '../globals.css'
import { Inter } from "next/font/google";
import StyledJsxRegistry from "../registry";
import ContextProviders from "@/providers/contextproviders";
import "bootstrap/dist/css/bootstrap.css";
import { Toaster } from "react-hot-toast";

const inter = Inter({ subsets: ["latin"], fallback: ["system-ui", "arial"] });

export const metadata = {
	title: "Create Next App",
	description: "Generated by create next app",
};

export default function RootLayout({
	children,
}: {
	children: React.ReactNode;
}) {
	return (
		<html lang="en">
			<body className={inter.className}>
				<Toaster position="bottom-center" />
				<StyledJsxRegistry>
					<ContextProviders>{children}</ContextProviders>
				</StyledJsxRegistry>
			</body>
		</html>
	);
}
