import Image from "next/image";

interface LogoProps {
  theme?: "dark" | "light";
  className?: string;
  loading?: "eager" | "lazy";
}

export function Logo({
  theme = "dark",
  className = "w-48",
  loading = "lazy",
}: Readonly<LogoProps>) {
  return (
    <Image
      src={`/brand/wordmark-${theme}.webp`}
      alt="Evandro.dev.br"
      width={1600}
      height={330}
      sizes="240px"
      loading={loading}
      className={`block h-auto max-w-full ${className}`}
    />
  );
}