import Image from "next/image";
import { cn } from "@/lib/utils";
import logoMark from "../../public/logo-mark.png";

export function Logo({
  className,
  size = "default",
}: {
  className?: string;
  size?: "default" | "large";
}) {
  const isLarge = size === "large";

  return (
    <span className={cn("inline-flex items-center gap-2", className)}>
      <Image
        src={logoMark}
        alt=""
        aria-hidden
        priority
        className={cn("shrink-0", isLarge ? "size-10" : "size-8")}
      />
      <span
        className={cn(
          "font-semibold tracking-tight text-foreground",
          isLarge ? "text-xl" : "text-base",
        )}
      >
        TokNext
      </span>
    </span>
  );
}