<script setup lang="ts">
import BUTTON_IMAGE from "/assets/images/home/bottom-screen/buttons/game.webp";

const props = defineProps<{
  x: number;
  y: number;
  opacity: number;
}>();

const [buttonImage] = useImages(BUTTON_IMAGE);

useRender((ctx) => {
  ctx.globalAlpha = props.opacity;
  ctx.drawImage(buttonImage!, props.x, props.y);
});

defineOptions({
  render: () => null,
});
</script>
