import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
// (C) 2022-2025 GoodData Corporation
import { useIntl } from "react-intl";
import { Bubble, BubbleHoverTrigger, Checkbox } from "@gooddata/sdk-ui-kit";
const tooltipAlignPoints = [
    { align: "cr cl", offset: { x: 0, y: 0 } },
    { align: "cl cr", offset: { x: 0, y: -2 } },
];
export function IncludeMetrics({ value, onChange }) {
    const intl = useIntl();
    return (_jsxs("div", { className: "include-metrics-wrapper", children: [
            _jsx(Checkbox, { onChange: onChange, value: value, text: intl.formatMessage({ id: "configurationPanel.visualprops.includeMetrics" }), labelSize: "small" }), _jsxs(BubbleHoverTrigger, { tagName: "div", showDelay: 200, hideDelay: 0, children: [
                    _jsx("span", { className: "gd-icon-circle-question" }), _jsx(Bubble, { className: "bubble-primary", alignPoints: tooltipAlignPoints, arrowOffsets: { "cr cl": [15, 0] }, children: intl.formatMessage({ id: "configurationPanel.visualprops.includeMetricsHelp" }) })
                ] })
        ] }));
}
