import { __assign } from "tslib";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import Icon from '../icon';
import Pop from '../pop';
var stackTraceStyle = {
    whiteSpace: 'pre',
};
export default function ErrorBoundaryFallbackComponent(_a) {
    var componentStack = _a.componentStack, error = _a.error;
    return (_jsx("div", __assign({ className: "zent-error-boundary-fallback-component", "data-zv": 'v10.0.12' }, { children: _jsxs("div", __assign({ className: "zent-error-boundary-fallback-component__error", "data-zv": 'v10.0.12' }, { children: [_jsx(Pop, __assign({ trigger: "hover", position: "auto-bottom-center", centerArrow: true, content: _jsx("div", __assign({ style: stackTraceStyle, "data-zv": 'v10.0.12' }, { children: componentStack }), void 0) }, { children: _jsx(Icon, { type: "close-circle" }, void 0) }), void 0), _jsx("span", __assign({ "data-zv": 'v10.0.12' }, { children: error.toString() }), void 0)] }), void 0) }), void 0));
}
