import HiddenScrollbar from "@/components/Application/Common/Session/HiddenScrollbar";
import SessionChatHeader from "@/components/Application/Common/Session/SessionChatHeader";
import ChatInput from "@/components/Application/Common/Session/inputs/ChatInput";
import SessionChatMessage from "@/components/Application/Common/Session/SessionChatMessage";

type SessionChatPropsType = {
    params: {
        sessionChatId: string;
    };
}

export default function SessionChat(props: SessionChatPropsType) {
    return (
        <div className={"grow border rounded-b-2xl flex flex-col"}>

            <SessionChatHeader/>

            <HiddenScrollbar className={"grow py-2"}>

                {/* session chat body */}
                <div className={"px-2 md:px-4 flex flex-col gap-2"}>
                    <SessionChatMessage />
                    <SessionChatMessage />
                    <SessionChatMessage />
                    <SessionChatMessage />
                    <SessionChatMessage />
                    <SessionChatMessage />
                    <SessionChatMessage />
                </div>

            </HiddenScrollbar>

            {/* session chat input section */}
            <ChatInput/>

        </div>
    )
}