import Image from "next/image";
import { BRAND_ASSETS, type BrandAssetKey } from "@/components/brand/brand-assets";

type BrandLogoProps = {
  variant?: Exclude<BrandAssetKey, "favicon">;
  /** Alto en píxeles; el ancho se calcula con la proporción del archivo (nunca se deforma). */
  height: number;
  priority?: boolean;
  className?: string;
};

export function BrandLogo({
  variant = "logo",
  height,
  priority = false,
  className,
}: BrandLogoProps) {
  const asset = BRAND_ASSETS[variant];
  const width = Math.round((asset.width / asset.height) * height);
  return (
    <Image
      src={asset.src}
      alt="CHESCO CARS"
      width={width}
      height={height}
      priority={priority}
      unoptimized
      className={className}
    />
  );
}