<template>
  <div class="col-4 mb-3">
    <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/${btnText}`)" v-bind:alt="altText"/>
      <p class="mt-auto">{{damageTitle}}</p>
    </button>
  </div>
</template>

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