import { cn } from "./cva.js";
import "react";
import { jsx, jsxs } from "react/jsx-runtime";
import * as RTooltip from "@radix-ui/react-tooltip";
//#region src/Tooltip.tsx
function Tooltip({ content, children, side = "top", className }) {
	return /* @__PURE__ */ jsx(RTooltip.Provider, {
		delayDuration: 0,
		children: /* @__PURE__ */ jsxs(RTooltip.Root, { children: [/* @__PURE__ */ jsx(RTooltip.Trigger, {
			asChild: true,
			children
		}), /* @__PURE__ */ jsx(RTooltip.Portal, { children: /* @__PURE__ */ jsx(RTooltip.Content, {
			side,
			className: cn("rounded-md border border-border bg-[var(--mod-color-neutral-3)] px-2 py-1 text-xs text-[var(--mod-color-neutral-11)] shadow-[var(--mod-shadow-sm)]", className),
			children: content
		}) })] })
	});
}
//#endregion
export { Tooltip };
