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-error-page");
/**
 * Shared error placeholder used for 404 / inaccessible-object states across the app.
 *
 * @internal
 */
export function UiErrorPage({ title, description, dataTestId, accessibilityConfig }) {
    return (_jsx("div", { className: b(), "data-testid": dataTestId, role: accessibilityConfig?.role ?? "status", "aria-live": accessibilityConfig?.ariaLive, children: _jsxs("div", { className: e("content"), children: [
                _jsx("div", { className: e("icon"), children: _jsx(UiIcon, { type: "warning", size: 30, color: "currentColor", accessibilityConfig: { ariaHidden: true } }) }), _jsxs("div", { className: e("text"), children: [
                        _jsx("h2", { className: e("title"), children: title }), description ? _jsx("p", { className: e("description"), children: description }) : null] })
            ] }) }));
}
