import Image from "next/image";
import { Link } from "@/i18n/navigation";
import logo from "@/assets/images/logo.svg";

interface LogoProps {
  className?: string;
  onClick?: () => void;
}

export default function Logo({ className, onClick }: LogoProps) {
  return (
    <Link href="/" onClick={onClick}>
      <Image
        src={logo}
        alt="Logo"
        className={className || "h-[28px] w-[120px] sm:h-[32px] sm:w-[140px] md:h-[36px] md:w-[160px] lg:h-[40px] lg:w-[180px]"}
        priority
      />
    </Link>
  );
}