import MenuList from "@/layouts/MenuList";
import { ProfileSummary } from "@/components/profile/ProfileSummary";
import { useLogout } from "@/hooks/useLogout";
import { usePortalProfileStore } from "@/stores/usePortalProfileStore";

const Sidebar = () => {
    const profile = usePortalProfileStore((state) => state.profile);
    const handleLogout = useLogout();

    return (
        <aside className="portal-sidebar d-none d-lg-flex flex-column">
            <MenuList />

            <div className="portal-sidebar__footer pt-5">
                <ProfileSummary
                    compact
                    onLogout={handleLogout}
                    profile={profile}
                    withLogout
                />
            </div>
        </aside>
    );
};

export default Sidebar;