portabase/src/features/layout/Header.tsx

import Image from "next/image"
import {Layout} from "@/components/layout";
import Link from "next/link";
import {Badge} from "@/components/ui/badge";
import {currentUser} from "@/auth/current-user";
import {notFound} from "next/navigation";
import {buttonVariants} from "@/components/ui/button";
import {LoggedInButton} from "@/components/wrappers/Dashboard/LoggedInButton/LoggedInButton";
import {SidebarTrigger} from "@/components/ui/sidebar";
import {ModeToggle} from "@/features/theme/ModeToggle";

export const Header = async () => {
    const user = await currentUser()
    if (!user) {
        return notFound()
    }
    return (
        <header className="flex h-16 shrink-0 items-center justify-between border-b px-4">
            <SidebarTrigger className="-ml-1"/>
            <div className="flex items-center gap-2">
                <ModeToggle/>
                <LoggedInButton/>
            </div>
        </header>

    )
}