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

type LogoMarkProps = {
  className?: string;
  /** Retained for call-site compatibility; the supplied artwork is never recolored. */
  tone?: "gold" | "ivory";
};

/** The official supplied artwork, always shown complete and unchanged. */
export function LogoMark({ className }: LogoMarkProps) {
  return (
    <img
      src={imgs.logo}
      alt="Eva Shii Jason"
      className={cn("block aspect-square shrink-0 object-contain", className)}
    />
  );
}

type LogoProps = {
  /** Retained for call-site compatibility; the supplied artwork is never recolored. */
  variant?: "light" | "dark";
  compact?: boolean;
  /** The supplied artwork already includes the complete wordmark. */
  withTagline?: boolean;
  className?: string;
};

export function Logo({ compact = false, className }: LogoProps) {
  return (
    <LogoMark
      className={cn(compact ? "h-14 w-14" : "h-36 w-36", className)}
    />
  );
}