<script setup lang="ts">
import { TooltipProvider as TooltipProviderPrimitive } from 'radix-vue'

interface Props {
  delayDuration?: number
  skipDelayDuration?: number
  disableHoverableContent?: boolean
}

withDefaults(defineProps<Props>(), {
  delayDuration: 200,
  skipDelayDuration: 300,
  disableHoverableContent: false
})
</script>

<template>
  <TooltipProviderPrimitive
    :delay-duration="delayDuration"
    :skip-delay-duration="skipDelayDuration"
    :disable-hoverable-content="disableHoverableContent"
  >
    <slot />
  </TooltipProviderPrimitive>
</template>
