<script setup>
defineProps({
  icon: { type: String, required: false },
  text: { type: String, required: false }
});
</script>

<template>
  <div flex="~ gap-3" items-center>
    <div v-if="icon" :class="icon" />
    <slot>
      <div>{{ text }}</div>
    </slot>
  </div>
</template>
