blitzkit/packages/website/src/components/ModuleButtons/EquipmentButton.tsx

import { asset, equipmentDefinitions } from '@blitzkit/core';
import { use } from 'react';
import { GenericTankComponentButton } from './GenericTankComponentButton';
import { TankComponentButtonProps } from './TankComponentButton';

interface EquipmentButtonProps extends TankComponentButtonProps {
  equipment: number;
}

export function EquipmentButton({ equipment, ...props }: EquipmentButtonProps) {
  const awaitedEquipmentDefinitions = use(equipmentDefinitions);

  return (
    <GenericTankComponentButton
      tooltip={awaitedEquipmentDefinitions.equipments[equipment].name}
      icon={asset(`icons/equipment/${equipment}.webp`)}
      {...props}
    />
  );
}