@easy-shadcn/react/dist/chunk-T6C66KA7.mjs

Use shadcn/ui easy&enhance like component library

import { cn } from '@easy-shadcn/utils';
import * as React from 'react';
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
import { jsx, jsxs } from 'react/jsx-runtime';

var TooltipProvider = TooltipPrimitive.Provider;
var Tooltip = TooltipPrimitive.Root;
var TooltipTrigger = TooltipPrimitive.Trigger;
var TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
  TooltipPrimitive.Content,
  {
    ref,
    sideOffset,
    className: cn(
      "z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
      className
    ),
    ...props
  }
));
TooltipContent.displayName = TooltipPrimitive.Content.displayName;
var Tooltip2 = ({
  triggerProps,
  contentProps,
  content,
  delayDuration = 300,
  children,
  ...resetProps
}) => {
  return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { delayDuration, ...resetProps, children: [
    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, ...triggerProps, children }),
    /* @__PURE__ */ jsx(
      TooltipContent,
      {
        ...contentProps,
        className: cn(
          "bg-white text-black dark:bg-black dark:text-primary-foreground border text-sm",
          contentProps?.className
        ),
        children: content
      }
    )
  ] }) });
};

export { Tooltip2 as Tooltip };