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

const SRC = `${import.meta.env.BASE_URL}images/festival/halloween/pumpkin.png`;

/** 万圣节音量两端的南瓜灯：与铃铛一样固定 24px 占位，视觉尺寸独立于布局。 */
export default function HalloweenPumpkinIcon({
  dim = false,
  className,
}: {
  dim?: boolean;
  className?: string;
}) {
  return (
    <span className="halloween-pumpkin-slot" aria-hidden="true">
      <img
        src={SRC}
        alt=""
        draggable={false}
        className={cn(
          "pointer-events-none select-none object-contain",
          dim ? "halloween-pumpkin-dim h-5 w-5 opacity-70" : "halloween-pumpkin h-7 w-7",
          className,
        )}
      />
    </span>
  );
}