tooltip

1"use client"
2 
3import type { ComponentProps } from "react"
4import * as TooltipPrimitive from "@zenithui/tooltip"
5import { cn } from "@/lib/utils"
6 
7export const TooltipProvider = TooltipPrimitive.Provider
8 
9export function Tooltip({
10  delayDuration = 700,
11  children,
12  ...props
13}: ComponentProps<typeof TooltipPrimitive.Root>) {
14  return (
15    <TooltipPrimitive.Root
16      {...props}
17      delayDuration={delayDuration}
18    >
19      {children}
20    </TooltipPrimitive.Root>
21  )
22}
23 
24export function TooltipTrigger({
25  children,
26  ...props
27}: ComponentProps<typeof TooltipPrimitive.Trigger>) {
28  return (
29    <TooltipPrimitive.Trigger {...props}>{children}</TooltipPrimitive.Trigger>
30  )
31}
32 
33export function TooltipContent({
34  className,
35  children,
36  showArrow = true,
37  ...props
38}: ComponentProps<typeof TooltipPrimitive.Content> & {
39  showArrow?: boolean
40}) {
41  return (
42    <TooltipPrimitive.Content
43      {...props}
44      className={cn(
45        "bg-card-foreground text-card z-50 rounded-sm px-3.5 py-2 text-xs",
46        className,
47      )}
48    >
49      {children}
50      {showArrow && <TooltipPrimitive.Arrow />}
51    </TooltipPrimitive.Content>
52  )
53}