<script setup>
const props = defineProps({
  icon: String,
  text: String
})
</script>

<template>
  <i class="sidebar-icon group">
    <font-awesome-icon :icon="['fas', icon]" />
    <span class="sidebar-tooltip group-hover:scale-100">
      {{ text }}
    </span>
  </i>
</template>