import NavLogo from "@/components/Application/Common/NavBarNavigation/NavBarContent/NavLogo";
import AccountAvatar from "@/components/Application/Common/NavBarNavigation/NavBarContent/AccountAvatar";
import {Separator} from "@/components/ui/separator";
import NavBarContent from "@/components/Application/Common/NavBarNavigation/NavBarContent/NavBarContent";
import NavBarContainer from "@/components/Application/Common/NavBarNavigation/NavBarContainer";
import {useAuth} from "@/lib/hooks/useAuth";

async function NavBarNavigation() {

    const user = await useAuth()

    return (
        <NavBarContainer>
            {/* main icon logo */}
            <NavLogo/>

            {/* main side or bottom nav bar content */}
            <NavBarContent user={user}/>

            {/* account avatar */}
            <Separator className={"my-3 hidden md:block"}/>
            <div className={"hidden md:block"}>
                <AccountAvatar user={user}/>
            </div>
        </NavBarContainer>
    )
}


export default NavBarNavigation;