mirror of
https://github.com/Sendouc/sendou.ink.git
synced 2026-04-25 15:56:19 -05:00
34 lines
640 B
TypeScript
34 lines
640 B
TypeScript
import type { Ability as AbilityType } from "~/modules/in-game-lists";
|
|
import { abilityImageUrl } from "~/utils/urls";
|
|
import { Image } from "./Image";
|
|
|
|
const sizeMap = {
|
|
MAIN: 42,
|
|
SUB: 32,
|
|
TINY: 22,
|
|
} as const;
|
|
|
|
export function Ability({
|
|
ability,
|
|
size,
|
|
}: {
|
|
ability: AbilityType;
|
|
size: keyof typeof sizeMap;
|
|
}) {
|
|
const sizeNumber = sizeMap[size];
|
|
|
|
return (
|
|
<div
|
|
className="build__ability"
|
|
style={
|
|
{
|
|
"--ability-size": `${sizeNumber}px`,
|
|
} as any
|
|
}
|
|
>
|
|
{/* xxx: make ticket for this or fix */}
|
|
<Image alt="" path={abilityImageUrl(ability)} />
|
|
</div>
|
|
);
|
|
}
|