import { cn } from "@/lib/utils";
import "./festival.css";

/**
 * 底部导航栏的节日贴纸图标：只替换 lucide 图标的视觉，尺寸与原图标一致（22px），
 * 选中态用青色辉光表达、未选中态压暗降饱和，不改变导航布局与点击行为。
 */
export default function FestivalNavIcon({
  src,
  active = false,
}: {
  src: string;
  active?: boolean;
}) {
  return (
    <img
      src={src}
      alt=""
      draggable={false}
      aria-hidden="true"
      className={cn(
        "festival-nav-icon pointer-events-none select-none",
        active ? "festival-nav-icon-active" : "festival-nav-icon-idle",
      )}
    />
  );
}