@cerberus-design/react
Version:
The Cerberus Design React component library.
24 lines (22 loc) • 807 B
JavaScript
import {
TooltipParts
} from "./chunk-P6JC32U3.js";
// src/components/tooltip/tooltip.tsx
import { jsx, jsxs } from "react/jsx-runtime";
function Tooltip(props) {
const { content, children, ...rootProps } = props;
const position = {
placement: props.positioning || "top"
};
return /* @__PURE__ */ jsxs(TooltipParts.Root, { openDelay: 400, positioning: position, ...rootProps, children: [
/* @__PURE__ */ jsx(TooltipParts.Trigger, { asChild: true, children }),
/* @__PURE__ */ jsx(TooltipParts.Positioner, { children: /* @__PURE__ */ jsxs(TooltipParts.Content, { children: [
/* @__PURE__ */ jsx(TooltipParts.Arrow, { children: /* @__PURE__ */ jsx(TooltipParts.ArrowTip, {}) }),
content
] }) })
] });
}
export {
Tooltip
};
//# sourceMappingURL=chunk-BSJM5VYB.js.map