"use client";
import { jsx } from "../../packages/jsx/src/jsx-runtime.js";
import * as RadixTooltip from "@radix-ui/react-tooltip";
import { forwardRef } from "react";
import { Spacing } from "../../tokens/Spacing.js";
import { Icon } from "../../atoms/Icon/Icon.js";
const TooltipInfoTrigger = forwardRef(({ style, className, ...rest }, ref) => /* @__PURE__ */ jsx(
  RadixTooltip.Trigger,
  {
    style,
    className,
    sx: { p: Spacing["12px"], m: "-" + Spacing["12px"], width: "min-content" },
    asChild: true,
    ref,
    children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Icon.Info, { ...rest }) })
  }
));
TooltipInfoTrigger.displayName = "Tooltip.InfoTrigger";
export {
  TooltipInfoTrigger
};
