import type {Metadata} from "next";
import {Roboto} from "next/font/google";
import "../globals.css";
import Footer from "@/components/Public/Footer";
import AuthHeader from "@/app/(auth)/_components/AuthHeader";

const roboto = Roboto({subsets: ["latin"], weight: "400"});

export const metadata: Metadata = {
    title: "Authentication | TheraChat Eswatini ",
    description: "TheraChat is an innovative mobile platform that connects you with professional counselors, therapists, and mental health experts, providing accessible and convenient mental health services.",
};

export default function LoginLayout({children,}: Readonly<{ children: React.ReactNode; }>) {
    return (
        <html lang="en">
        <body className={roboto.className}>
        <AuthHeader/>
        <main className="w-full flex px-2 md:px-4 flex-col items-center justify-center">
            {children}
        </main>
        <Footer/>
        </body>
        </html>
    );
}
