import Image from "next/image";
import {HOME_URL} from "@/lib/constants";

export default function AuthHeader() {
    return (
        <header className="backdrop-blur-xl">

            <div className="flex h-16 items-center justify-between container px-4 lg:px-8 mx-auto">
                {/* main logo */}
                <a className="flex"
                   href={HOME_URL}>
                    <Image
                        src="/logo.webp"
                        alt="TeraChat Logo"
                        className="h-12 md:h-14 w-full dark:invert"
                        width={200}
                        height={100}
                        priority
                    />
                </a>

            </div>
        </header>
    )
}