import React from "react";
import { ErrorInfo } from "../../../classes/client"
import StyledAlert from "./styled";


type GlobalErrorProps = {
    error?: ErrorInfo;
}

const GlobalError = (props: GlobalErrorProps): React.ReactElement | null => {

    const error = props.error;
    const hasError = Boolean(error?.msg);
    const errorMsg = error?.msg;

    return (hasError ?
        <StyledAlert severity="error" variant="filled" hidden={!hasError}> {errorMsg}</StyledAlert> : null);

};

export default GlobalError;