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

import { asset } from '../../core/blitzkit/asset';
import { GenericTankComponentButton } from './GenericTankComponentButton';
import { TankComponentButtonProps } from './TankComponentButton';

interface ModuleProps extends TankComponentButtonProps {
  module: string;
}

export function ModuleButton({ module, ...props }: ModuleProps) {
  return (
    <GenericTankComponentButton
      icon={asset(`icons/modules/${module}.webp`)}
      iconStyles={{
        top: '50%',
        left: '50%',
        transform: 'translate(calc(-50% + 2px), calc(-50% + 2px))',
      }}
      {...props}
    />
  );
}