import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
// (C) 2022-2025 GoodData Corporation
import { Bubble } from "../../Bubble/Bubble.js";
import { BubbleHoverTrigger } from "../../Bubble/BubbleHoverTrigger.js";
import { Typography } from "../../Typography/Typography.js";
/**
 * @internal
 */
export function BubbleHeaderSeparator({ title, message }) {
    return (_jsxs("div", { className: "gd-bubble-header-separator", children: [title ? _jsx(Typography, { tagName: "h3", children: title }) : null, message ? (_jsxs(BubbleHoverTrigger, { className: "gd-bubble-header-separator-icon", showDelay: 0, hideDelay: 0, children: [
                    _jsx("div", { className: "gd-icon-circle-question" }), _jsx(Bubble, { className: "bubble-primary", arrowOffsets: { "tc br": [13, -10] }, alignPoints: [{ align: "tc br" }], children: message })
                ] })) : null, _jsx("div", { className: "gd-bubble-header-separator-divider" })
        ] }));
}
