mirror of
https://github.com/Sendouc/sendou.ink.git
synced 2026-04-18 13:10:29 -05:00
668b2d73e7
* new filter for modes * new filter for abilities * prettifier * fix imports * fix margin + some things from pull request * better fix for select * MySelect default style + styles for selects on builds page. * Remove duplicates, import default style from file
23 lines
467 B
TypeScript
23 lines
467 B
TypeScript
import Image from "next/image";
|
|
import { CSSProperties } from "react";
|
|
|
|
interface ModeImageProps {
|
|
mode: "TW" | "SZ" | "TC" | "RM" | "CB";
|
|
size?: 20 | 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;
|