import ContentStatistics from "@/Components/DashboardComponents/ContentStatistics";
import Feedback from "@/Components/DashboardComponents/Feedback";
import PagesOverview from "@/Components/DashboardComponents/PagesOverview";
import ProjectsOverview from "@/Components/DashboardComponents/ProjectsOverview";
import UsersStatistics from "@/Components/DashboardComponents/UsersStatistics";
import { User } from "@/types";
import { PropsWithChildren } from "react";


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

    return (
        <div id="SuperadminDashboard" className="w-full h-full grid grid-cols-4 grid-rows-6 gap-6">
            <section className="col-start-1 col-span-4 row-span-1">
                <ContentStatistics />
            </section>

            <section className="col-span-3 row-span-3">
                <PagesOverview />
            </section>
            
            <section className="row-span-3">
                <Feedback />
            </section>
        
            <section className="col-span-1 row-span-2">
                <UsersStatistics />
            </section>

            <section className="col-span-3 row-span-2">
                <ProjectsOverview user={thisUser} />
            </section>
            
            
        </div>
    );
}