import { cn } from "@/lib/utils";

type GLMLogoProps = {
  size?: "sm" | "lg";
  showWordmark?: boolean;
  className?: string;
};

export function GLMLogo({ size = "sm", className }: GLMLogoProps) {
  const imageSize = size === "lg" ? "h-auto w-[168px]" : "h-auto w-[104px]";
  const logoNudge = size === "lg" ? "-translate-x-1" : "";

  return (
    <div className={cn("inline-flex items-center", className)} aria-label="GLM">
      <img
        src={`${import.meta.env.BASE_URL}glm-logo.png`}
        alt="GLM"
        className={cn(imageSize, logoNudge)}
        loading="eager"
        decoding="async"
      />
    </div>
  );
}