import type {Metadata} from "next";
import {SessionMainContainer} from "@/components/Application/Common/AppMainContainer";
import SessionChatsListContainer from "@/components/Application/Common/Session/SessionChatsListContainer";


export const metadata: Metadata = {
    title: "TheraChat Eswatini | Therapy Sessions",
    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 RootLayout({children,}: Readonly<{ children: React.ReactNode; }>) {
    return (
        <SessionMainContainer>
            <div className={"px-2 md:px-4 mx-auto py-2 flex flex-row md:gap-x-2 h-full"}>

                {/* conversations list */}
                <SessionChatsListContainer/>

                {/* conversation container */}
                {children}
            </div>
        </SessionMainContainer>
    );
}