// @refresh skip
import { ErrorBoundary as DefaultErrorBoundary, catchError } from "solid-js";
import { isServer } from "solid-js/web";
import { HttpStatusCode } from "./HttpStatusCode";
import { DevOverlay } from "./dev-overlay";
export const ErrorBoundary = import.meta.env.DEV && import.meta.env.START_DEV_OVERLAY
    ? (props) => <DevOverlay>{props.children}</DevOverlay>
    : (props) => {
        const message = isServer
            ? "500 | Internal Server Error"
            : "Error | Uncaught Client Exception";
        return (<DefaultErrorBoundary fallback={error => {
                console.error(error);
                return (<>
                  <span style="font-size:1.5em;text-align:center;position:fixed;left:0px;bottom:55%;width:100%;">
                    {message}
                  </span>
                  <HttpStatusCode code={500}/>
                </>);
            }}>
            {props.children}
          </DefaultErrorBoundary>);
    };
export const TopErrorBoundary = (props) => {
    let isError = false;
    const res = catchError(() => props.children, err => {
        console.error(err);
        isError = !!err;
    });
    return isError ? (<>
      <span style="font-size:1.5em;text-align:center;position:fixed;left:0px;bottom:55%;width:100%;">
        500 | Internal Server Error
      </span>
      <HttpStatusCode code={500}/>
    </>) : (res);
};