<template>
  <tippy tabindex="0" :placement :trigger :theme :arrow :animateFill="false">
    <slot name="triggerElement"></slot>
    <template #content>
      <slot name="content"></slot>
    </template>
  </tippy>
</template>

<script setup lang="ts">
import type { Placement } from 'tippy.js';
import { Tippy } from 'vue-tippy';

withDefaults(
  defineProps<{
    placement?: Placement;
    trigger?: string;
    theme?: string;
    arrow?: string | boolean | SVGElement;
  }>(),
  {
    placement: 'bottom',
    arrow: true,
    trigger: 'mouseenter focus',
  }
);


</script>
