Tooltip Component

import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';

// Wrap your app or section with TooltipProvider
<TooltipProvider>
  <Tooltip>
    <TooltipTrigger asChild>
      <Button variant="outline">Hover me</Button>
    </TooltipTrigger>
    <TooltipContent>
      <p>This is a tooltip</p>
    </TooltipContent>
  </Tooltip>
</TooltipProvider>

// Different positions
<TooltipContent side="top"> {/* top, right, bottom, left */}
  <p>Tooltip content</p>
</TooltipContent>

// With rich content
<TooltipContent className="max-w-xs">
  <p className="font-semibold mb-1">Title</p>
  <p className="text-sm">Description text</p>
</TooltipContent>