import BookmarkedPages from "@/Components/DashboardComponents/BookmarkedPages";
import BulletinBoard from "@/Components/DashboardComponents/BulletinBoard";
import RecentLogs from "@/Components/DashboardComponents/RecentLogs";
import RecentPages from "@/Components/DashboardComponents/RecentlyViewedPages";
import { User } from "@/types";
import { PropsWithChildren } from "react";

export default function EndUser({ user }: PropsWithChildren<{ user: User }>) {
    const thisUser = user;

    return (
        <div id="UserDashboard" className="w-full h-full grid grid-cols-3 grid-rows-3 gap-6">
            <section className="col-start-1 col-span-3 row-start-1 row-span-2">
                <BulletinBoard user={thisUser} />
            </section>
            <section className="col-span-1 row-span-1 bg-neutral-10 h-full">
                <BookmarkedPages user={thisUser} />
            </section>
            <section className="col-span-1 row-span-1 bg-neutral-10 h-full">
                <RecentPages user={thisUser} />
            </section>
            <section className="col-span-1 row-span-1 bg-neutral-10 h-full">
                <RecentLogs user={thisUser} />
            </section>
        </div>
    );
}