Basic tooltip.

<script setup lang="ts">
import { Button } from "@/components/ui/button"
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip"
</script>

<template>
  <div class="flex items-center justify-center">
    <TooltipProvider>
      <Tooltip>
        <TooltipTrigger as-child>
          <Button variant="outline" class="w-fit">Show Tooltip</Button>
        </TooltipTrigger>
        <TooltipContent>
          <p class="text-sm">Add to library</p>
        </TooltipContent>
      </Tooltip>
    </TooltipProvider>
  </div>
</template>