"use strict";Object.defineProperty(exports, "__esModule", {value: true});

var _chunkDDGSFIWAcjs = require('./chunk-DDGSFIWA.cjs');


var _chunkUFU3BYZOcjs = require('./chunk-UFU3BYZO.cjs');


var _chunkWF7Z2VITcjs = require('./chunk-WF7Z2VIT.cjs');

// src/components/InfoIconTooltip.tsx
var _react = require('react');
var _jsxruntime = require('@emotion/react/jsx-runtime');
function InfoIconTooltip({
  id,
  content,
  verticalAlign = "middle"
}) {
  const contentNodes = _chunkDDGSFIWAcjs.toReactNodes.call(void 0, content);
  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
      "div",
      {
        "data-tooltip-id": id,
        style: { display: "inline-flex", alignItems: "center", verticalAlign },
        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWF7Z2VITcjs.Icon, { name: "Info", width: 12, ml: 4 })
      }
    ),
    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUFU3BYZOcjs.Tooltip, { id, render: () => contentNodes, clickable: true })
  ] });
}



exports.InfoIconTooltip = InfoIconTooltip;
