spb/fetcha

1"use client";2import * as React from "react";3import * as TooltipPrimitive from "@radix-ui/react-tooltip";4import { cn } from "@/lib/utils";56export const TooltipProvider = TooltipPrimitive.Provider;7export const Tooltip = TooltipPrimitive.Root;8export const TooltipTrigger = TooltipPrimitive.Trigger;910export const TooltipContent = React.forwardRef<React.ElementRef<typeof TooltipPrimitive.Content>, React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>>(({ className, sideOffset = 6, ...props }, ref) => (11  <TooltipPrimitive.Portal>12    <TooltipPrimitive.Content13      ref={ref}14      sideOffset={sideOffset}15      className={cn("z-50 max-w-xs rounded-md bg-fg px-2.5 py-1.5 text-xs text-bg shadow-md data-[state=delayed-open]:animate-fade-in", className)}16      {...props}17    />18  </TooltipPrimitive.Portal>19));20TooltipContent.displayName = "TooltipContent";2122export function SimpleTooltip({ content, children }: { content: React.ReactNode; children: React.ReactNode }) {23  return (24    <Tooltip>25      <TooltipTrigger asChild>{children}</TooltipTrigger>26      <TooltipContent>{content}</TooltipContent>27    </Tooltip>28  );29}30