import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { bem } from "../@utils/bem.js";
import { UiIcon } from "../UiIcon/UiIcon.js";
const { b, e } = bem("gd-ui-kit-label-row");
const ICON_BY_KIND = {
    primary: "ldmKey",
    default: "ldmLabel",
};
/**
 * Read-only label row — icon + label + optional caller-supplied suffix. Used
 * inside the Labels list and (via `UiLabelChecklistRow`) the
 * Labels picker.
 *
 * @internal
 */
export function UiLabelRow({ label, kind, suffix, leading, labelId, onClick, dataTestId }) {
    return (_jsxs("div", { className: b(), "data-testid": dataTestId, onClick: onClick, children: [leading ? _jsx("span", { className: e("leading"), children: leading }) : null, _jsx("span", { className: e("icon"), children: _jsx(UiIcon, { type: kind ? ICON_BY_KIND[kind] : "ldmLabel", size: 18, color: "warning" }) }), _jsx("span", { className: e("label"), id: labelId, children: label }), suffix ? _jsx("span", { className: e("suffix"), children: suffix }) : null] }));
}
