<template>
  <span class="icon-text">
    <span class="icon">
      <i :class="`fa fa-${name}`"></i>
    </span>
    <span><slot /></span>
  </span>
</template>

<script lang="ts">
export default {
  name: 'Icon',
  props: {
    name: {
      type: String,
      required: true,
    },
  },
}
</script>