<template>
  <AisButton variant="secondary"
             size="md"
             font="sans"
             ref="myButton"
  >Tooltip by Composable</AisButton>
</template>

<script setup>
import { ref } from "vue"
import AisButton from "@/components/button/AisButton.vue";
import { useAisTooltip } from "@/composables/tooltip";

const myButton = ref()

useAisTooltip(myButton, { content: 'Tooltip by directly calling the composable' })

</script>

<script>
export default {
  name: "AisTooltipComposable",
}
</script>