import Image from "next/image";

interface LogoProps {
  variant?: "full" | "icon";
  height?: number;
  className?: string;
}

export default function Logo({ variant = "full", height = 36, className = "" }: LogoProps) {
  if (variant === "icon") {
    return (
      <Image
        src="/logo-icon.svg"
        alt="ClassMaker"
        width={height}
        height={height}
        className={className}
      />
    );
  }

  return (
    <Image
      src="/logo.svg"
      alt="ClassMaker"
      width={Math.round(height * (200 / 48))}
      height={height}
      className={className}
    />
  );
}