import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
// (C) 2023-2025 GoodData Corporation
import { useIntl } from "react-intl";
import { DetailRow } from "./DetailRow.js";
import { messages } from "../locales.js";
export function UserGroupDetailsView({ userGroup, mode, onChange }) {
    const intl = useIntl();
    if (!userGroup) {
        return null;
    }
    return (_jsxs("div", { className: "gd-user-management-dialog-detail", children: [_jsx(DetailRow, { labelText: intl.formatMessage(messages.userGroupName), value: userGroup.name, mode: mode, onChange: (name) => onChange?.({ ...userGroup, name: String(name) }) }), _jsx(DetailRow, { labelText: intl.formatMessage(messages.userGroupId), value: userGroup.id, mode: mode, disabled: true, onChange: () => { } })] }));
}
//# sourceMappingURL=UserGroupDetailsView.js.map