import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import cx from "classnames";
import { Bubble, BubbleHoverTrigger } from "@gooddata/sdk-ui-kit";
const BUBBLE_ALIGN_POINTS = [
    { align: "cr cl", offset: { x: 15, y: 0 } }, // right
    { align: "cl cr", offset: { x: -15, y: 0 } }, // left
    { align: "tc bc", offset: { x: 0, y: -15 } }, // top
    { align: "bc tc", offset: { x: 0, y: 15 } }, // bottom
];
/**
 *
 * @internal
 */
export function AttributeHierarchyDetailBubble({ children, className, }) {
    return (_jsxs(BubbleHoverTrigger, { showDelay: 0, eventsOnBubble: true, children: [
            _jsx("div", { className: cx("s-description-trigger", {
                    "gd-icon-circle-question-wrapper": !className,
                }, className), children: _jsx("div", { className: "gd-icon-circle-question" }) }), _jsx(Bubble, { className: "gd-attribute-hierarchy-detail-panel-bubble", alignPoints: BUBBLE_ALIGN_POINTS, closeOnOutsideClick: true, arrowStyle: { display: "none" }, children: children })
        ] }));
}
//# sourceMappingURL=AttributeHierarchyDetailBubble.js.map