import Image from "next/image";
import Link from "next/link";
import { cn } from "@/lib/utils";

type LogoProps = {
  compact?: boolean;
  className?: string;
  priority?: boolean;
};

export function Logo({ compact = false, className, priority = false }: LogoProps) {
  return (
    <Link
      href="/"
      className={cn("brand-logo", compact && "brand-logo--compact", className)}
      aria-label="SelahBeat — página inicial"
    >
      <Image
        src="/images/brand/logo.webp"
        alt="Logotipo SelahBeat"
        width={compact ? 52 : 74}
        height={compact ? 52 : 74}
        priority={priority}
      />
      {!compact && (
        <span>
          <strong>SELAH</strong>
          <small>BEAT</small>
        </span>
      )}
    </Link>
  );
}