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