import { cn } from "@/lib/utils";

type Props = {
  className?: string;
  size?: "sm" | "md" | "lg";
};

const sizeClasses = {
  sm: "h-12 min-w-[100px] px-4 text-xs",
  md: "h-16 min-w-[140px] px-6 text-sm",
  lg: "h-20 min-w-[180px] px-8 text-base",
};

export function PartnerLogoPlaceholder({ className, size = "md" }: Props) {
  return (
    <div
      className={cn(
        "flex items-center justify-center rounded-xl border-2 border-dashed border-[#1f3d7e]/25 bg-[#f7f7f7]",
        "font-semibold uppercase tracking-wide text-[#1f3d7e]/45",
        sizeClasses[size],
        className
      )}
      aria-label="Partner logo placeholder"
    >
      Your logo here
    </div>
  );
}