28 lines
676 B
TypeScript
28 lines
676 B
TypeScript
|
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",
|
||
|
|
)}
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
}
|