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

interface LogoIconProps {
  size?: number;
  className?: string;
}

export function LogoIcon({ size = 32, className }: LogoIconProps) {
  return (
    <img
      src="/IIH-AI.png"
      alt="IIH Notetaker"
      width={size}
      height={size}
      className={cn("shrink-0 rounded-md object-contain", className)}
      style={{ width: size, height: size }}
    />
  );
}

// Full logo with text
interface LogoProps {
  size?: number;
  showText?: boolean;
  textClassName?: string;
}

export function Logo({ size = 32, showText = true, textClassName }: LogoProps) {
  return (
    <div className="flex items-center gap-2.5">
      <LogoIcon size={size} />
      {showText && (
        <span className={textClassName ?? "font-semibold text-gray-900 dark:text-gray-100"}>
          IIH Notetaker
        </span>
      )}
    </div>
  );
}