<template>
  <div class="list-bill-view mb-4" @click="$emit('click', $event)">
    <IconImage
      v-if="icon"
      :src="icon"
      :width="iconWidth"
      :height="iconHeight"
    />
    <div class="content">
      <h4>
        <a href="javascript:void(0);" class="fw_6">{{ title }}</a>
      </h4>
      <p>{{ subtitle }}</p>
    </div>
    <i class="fas fa-chevron-right"></i>
  </div>
</template>

<script setup>
import IconImage from '../IconImage.vue'

defineProps({
  title:      { type: String, required: true },
  subtitle:   { type: String, default: '' },
  icon:       { type: String, default: '' },
  iconWidth:  { type: [String, Number], default: 30 },
  iconHeight: { type: [String, Number], default: 30 },
})

defineEmits(['click'])
</script>
