import type {Metadata} from "next";
import {Roboto} from "next/font/google";
import "../globals.css";
import Footer from "@/components/Public/Footer";
import {Toaster} from "@/components/ui/toaster";
import ClientsHeader from "@/app/(clients)/_components/_clients_header";
import {useIsClient} from "@/lib/hooks/useIsClient";

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

export const metadata: Metadata = {
    title: "Asikhulume Chat Therapy Eswatini | Application",
    description: "Asikhulume Chat Therapy 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 async function RootLayout({children,}: Readonly<{ children: React.ReactNode; }>) {

    // logout non client logins
    await useIsClient();

    return (
        <html lang="en">
        <body className={roboto.className}>
        <div className="min-h-screen w-full max-w-screen">
            <ClientsHeader/>
            {children}
            <Footer/>
        </div>
        <Toaster/>
        </body>
        </html>
    );
}
