import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { bem } from "../@utils/bem.js";
const { b, e } = bem("gd-ui-kit-section-heading");
/**
 * "LABEL ────── action" pattern used by dialog sections (e.g. SHARED WITH +
 * Add link). The horizontal rule fills the space between the label and the
 * trailing action.
 *
 * @internal
 */
export function UiSectionHeading({ label, action }) {
    return (_jsxs("div", { className: b(), children: [
            _jsx("span", { className: e("label"), children: label }), _jsx("span", { className: e("rule"), role: "separator" }), action ? _jsx("span", { className: e("action"), children: action }) : null] }));
}
