<template>
  <div class="tooltip">
    <button
      :aria-labelledby="id"
      class="button"
      type="button"
    >
      <font-awesome-icon icon="question-circle" />
    </button>
    <p
      :id="id"
      class="text"
      :class="position"
      role="tooltip"
    >
      {{ tooltip }}
    </p>
  </div>
</template>

<script src="./ft-tooltip.js" />
<style scoped src="./ft-tooltip.css" />
