<template>
  <li>
    <a href="javascript:void(0);" @click="$emit('click', $event)">
      <div :class="['icon-box', bgColor8 ? 'bg_color_8' : '']" style="background: transparent !important; border: none !important;">
        <img :src="icon" />
      </div>
      <span style="color: var(--text-primary);">{{ title }}</span>
    </a>
  </li>
</template>

<script setup>
defineProps({
  icon:     { type: String, required: true },
  title:    { type: String, default: '' },
  bgColor8: { type: Boolean, default: false },
})

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