<script setup lang="ts">
import { Tooltip, TooltipTrigger, TooltipContent } from '.'

withDefaults(
  defineProps<{
    content: string
    side?: 'top' | 'right' | 'bottom' | 'left'
  }>(),
  { side: 'top' },
)
</script>

<template>
  <Tooltip>
    <TooltipTrigger as-child>
      <slot />
    </TooltipTrigger>
    <TooltipContent :side="side">
      {{ content }}
    </TooltipContent>
  </Tooltip>
</template>
