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

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

const myButton = ref()

useAisPopover(myButton, { title: 'Popover Title!', content: 'Popover by directly calling the composable' })

</script>

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