import Image from "next/image";
import { Link } from "@/i18n/navigation";

export function BrandLogo({ compact = false, name = "Earnvato" }: { compact?: boolean; name?: string }) {
  return (
    <Link href="/" className="flex min-h-11 items-center gap-2">
      <Image
        src="/logo.png"
        alt={name}
        width={compact ? 36 : 40}
        height={compact ? 36 : 40}
        className="h-9 w-9 rounded-lg object-cover ring-1 ring-line"
        priority
      />
      <span className="text-lg font-bold tracking-tight text-foreground">{name}</span>
    </Link>
  );
}