import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useIntl } from "react-intl";
import { Button, DialogBase, Typography, useId } from "@gooddata/sdk-ui-kit";
import { messages } from "./locales.js";
export function ErrorDialog({ dialogTitle, children, onClose }) {
    const intl = useIntl();
    const titleElementId = useId();
    return (_jsxs(DialogBase, { className: "gd-share-dialog gd-share-dialog-add-users gd-user-management-dialog-view s-user-management-view-mode", displayCloseButton: true, onClose: onClose, accessibilityConfig: { titleElementId }, children: [
            _jsx("div", { className: "gd-dialog-header-wrapper", children: _jsx("div", { className: "gd-dialog-header", children: _jsx(Typography, { tagName: "h3", className: "gd-dialog-header-title", id: titleElementId, children: _jsx("span", { children: dialogTitle }) }) }) }), _jsx("div", { className: "gd-dialog-content", children: children }), _jsx("div", { className: "gd-dialog-footer", children: _jsxs("div", { className: "gd-user-management-dialog-buttons", children: [
                        _jsx("div", { className: "gd-user-management-dialog-buttons-left" }), _jsx("div", { className: "gd-user-management-dialog-buttons-right", children: _jsx(Button, { className: "gd-button gd-button-secondary", value: intl.formatMessage(messages.closeDialog), onClick: onClose }) })
                    ] }) })
        ] }));
}
//# sourceMappingURL=ErrorDialog.js.map