components/header.tsx

import Image from "next/image";

import HuggingFaceLogo from "@/assets/hf-logo.svg";

export const Header = () => {
  return (
    <nav className="py-4 w-full flex items-center justify-between gap-4">
      <Image
        src={HuggingFaceLogo}
        alt="Hugging Face Logo"
        width={50}
        height={50}
      />
      <p className="text-xl text-white font-bold lowercase tracking-wider">
        What hair color is it?
      </p>
    </nav>
  );
};