import Image from "next/image";
import { cn } from "@/lib/utils";
import { ANIMATIONS } from "@/constants/animations";

export interface SubdomainHeaderProps {
  mounted: boolean;
}

export function SubdomainHeader({ mounted }: SubdomainHeaderProps) {
  return (
    <div
      className={cn(
        "flex select-none items-center justify-between",
        ANIMATIONS.fadeIn.base,
        mounted ? ANIMATIONS.fadeIn.mounted : ANIMATIONS.fadeIn.unmounted
      )}
    >
      <a
        href="/"
        className="flex items-center gap-2 transition-transform hover:scale-105"
      >
        <Image
          src="/assets/logooxy.png"
          alt="Oxyfinz Logo"
          width={190}
          height={38}
          priority
        />
      </a>
    </div>
  );
}