mirror of
https://github.com/Sendouc/sendou.ink.git
synced 2026-04-09 19:47:54 -05:00
23 lines
462 B
TypeScript
23 lines
462 B
TypeScript
import Image from "next/image";
|
|
import { CSSProperties } from "react";
|
|
|
|
interface ModeImageProps {
|
|
mode: "TW" | "SZ" | "TC" | "RM" | "CB";
|
|
size?: 24 | 32 | 64 | 128;
|
|
onClick?: () => void;
|
|
style?: CSSProperties;
|
|
}
|
|
|
|
const ModeImage: React.FC<ModeImageProps> = ({ mode, size = 32, onClick }) => {
|
|
return (
|
|
<Image
|
|
src={`/modes/${mode}.png`}
|
|
width={size}
|
|
height={size}
|
|
onClick={onClick}
|
|
/>
|
|
);
|
|
};
|
|
|
|
export default ModeImage;
|