import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
// (C) 2025-2026 GoodData Corporation
import { UiCheckbox } from "../../../@ui/UiCheckbox/UiCheckbox.js";
import { ContentDivider } from "../../../Dialog/ContentDivider.js";
import { accessibilityConfigToAttributes } from "../../../typings/utilities.js";
import { e } from "../asyncTableBem.js";
export function UiAsyncTableDropdownItem({ label, secondaryLabel, onClick, isSelected, isMultiSelect, isUnderlined, accessibilityConfig, }) {
    return (_jsxs("div", { className: e("dropdown-item-container", { underlined: isUnderlined ?? false }), children: [
            _jsxs("div", { className: e("dropdown-item", {
                    selected: isSelected ?? false,
                    "multi-select": isMultiSelect ?? false,
                }), onClick: onClick, role: "menuitem", "aria-disabled": false, ...accessibilityConfigToAttributes(accessibilityConfig), children: [isMultiSelect ? (_jsx("div", { className: e("dropdown-item-checkbox"), children: _jsx(UiCheckbox, { checked: isSelected ?? false, tabIndex: -1 }) })) : null, _jsx("div", { className: e("dropdown-item-label-primary"), children: label }), secondaryLabel ? (_jsx("div", { className: e("dropdown-item-label-secondary"), children: secondaryLabel })) : null] }), isUnderlined ? _jsx(ContentDivider, { className: e("dropdown-item-divider") }) : null] }));
}
