import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { FormattedMessage } from "react-intl";
import { DrillMeasureSelectorList } from "./DrillMeasureSelectorList.js";
export function DrillMeasureSelectorBody({ supportedItems, onSelect, onCloseDropdown, }) {
    const stopPropagation = (e) => {
        e.stopPropagation();
    };
    return (_jsxs("div", { className: "gd-drill-measure-selector-dropdown s-drill-measure-selector-dropdown", onScroll: stopPropagation, children: [
            _jsxs("div", { className: "gd-drill-measure-selector-header", children: [
                    _jsx(FormattedMessage, { id: "configurationPanel.drillConfig.clickHint" }), _jsx("button", { className: "gd-button-link gd-button-icon-only icon-cross", onClick: onCloseDropdown })
                ] }), _jsxs("div", { className: "gd-drill-measure-selector-body", children: [
                    _jsx("div", { className: "gd-drill-measure-selector-separator", children: _jsx("span", { children: _jsx(FormattedMessage, { id: "configurationPanel.drillConfig.measureValue" }) }) }), _jsx(DrillMeasureSelectorList, { supportedItems: supportedItems, onSelect: onSelect })
                ] })
        ] }));
}
