/* eslint-disable @next/next/no-img-element */
interface VillaLogoProps {
  variant?: "default" | "white" | "mark-only";
  size?: "sm" | "md" | "lg";
  className?: string;
}

// Renders the Villa brand logo (uploaded PNG in /public). Kept as a component so
// every header and auth page picks up the same asset and sizing.
export default function VillaLogo({ size = "md", className = "" }: VillaLogoProps) {
  const heights = { sm: 40, md: 52, lg: 72 };
  const h = heights[size];

  return (
    <img
      src="/villa-logo.png"
      alt="Villa"
      style={{ height: h, width: "auto", display: "block" }}
      className={className}
    />
  );
}