WFDASH-WEBAPP/src/components/ui/tooltip.tsx

"use client"

import * as React from "react"
import { cn } from "@/lib/utils"

type TooltipProviderProps = { children: React.ReactNode; delay?: number }

function TooltipProvider({ children }: TooltipProviderProps) {
  return <>{children}</>
}

type TooltipProps = { children: React.ReactNode }

function Tooltip({ children }: TooltipProps) {
  return <>{children}</>
}

type TooltipTriggerProps = React.HTMLAttributes<HTMLElement> & {
  asChild?: boolean
  children: React.ReactElement<Record<string, unknown>>
}

function TooltipTrigger({ children, asChild: _asChild, ...props }: TooltipTriggerProps) {
  // `asChild` is a Radix-isms hint meaning "merge into the child". This
  // shim implements that via React.cloneElement, so we destructure
  // `asChild` out before spreading — otherwise it leaks to the DOM as
  // an unknown attribute (e.g. `<button asChild>`) and React logs a
  // noisy console error.
  void _asChild;
  return React.cloneElement(children, {
    ...props,
    ...children.props,
  })
}

type TooltipContentProps = React.HTMLAttributes<HTMLSpanElement> & {
  children: React.ReactNode
}

function TooltipContent({ className, children, ...props }: TooltipContentProps) {
  return (
    <span
      role="tooltip"
      className={cn("sr-only", className)}
      {...props}
    >
      {children}
    </span>
  )
}

export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }