<template>
    <button class="btn-damage d-flex flex-column align-items-center rounded-3 h-100" v-bind:aria-label="ariaLabel">
      <img class="px-1 pt-3 pb-1 mt-auto" v-bind:src="require(`@/assets/img/icons/${btnImg}`)" v-bind:alt="altText"/>
      <p class="mt-auto">{{damageTitle}}</p>
    </button>
</template>

<script>
export default {
  name: 'imageButton',
  props: ['btnImg', 'altText', 'damageTitle', 'ariaLabel']
}
</script>