import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import cx from "classnames";
import { Bubble, BubbleHoverTrigger } from "@gooddata/sdk-ui-kit";
const TOOLTIP_ALIGN_POINTS = [{ align: "tc bl", offset: { x: 0, y: -2 } }];
/**
 * @internal
 */
export function ModeSelectItem({ checked, onChange, itemValue, itemText, itemTooltip, className, }) {
    return (_jsxs(BubbleHoverTrigger, { children: [
            _jsxs("label", { className: "input-radio-label bottom-space", children: [
                    _jsx("input", { type: "radio", className: cx("input-radio", className), value: itemValue, checked: checked, onChange: onChange }), _jsx("span", { className: "input-label-text", children: itemText })
                ] }), _jsx(Bubble, { className: "bubble-primary gd-filter-configuration-mode-item-bubble", alignPoints: TOOLTIP_ALIGN_POINTS, children: itemTooltip })
        ] }));
}
//# sourceMappingURL=ConfigurationModeSelectItem.js.map