import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { MessageBox } from '@vertesia/ui/core';
import { VertesiaErrorBoundary } from './VertesiaErrorBoundary';
export function PanelErrorBoundary({ children }) {
    return (_jsx(VertesiaErrorBoundary, { fallback: PanelErrorFallback, children: children }));
}
function PanelErrorFallback({ error }) {
    return (_jsxs(MessageBox, { status: "error", title: "Sorry, something went wrong...", children: [_jsxs("div", { className: 'mb-4', children: ["Our team has been notified and will be quickly working on resolving it. If you'd like to escalate or simply contact us, please email us at\u00A0", _jsx("a", { className: 'text-info', href: "mailto:support@vertesiahq.com", children: "support@vertesiahq.com" }), "."] }), error?.message &&
                _jsx("code", { className: 'w-full mt-4 text-sm text-muted break-words', children: error.message })] }));
}
//# sourceMappingURL=PanelErrorBoundary.js.map