@brightlayer-ui/react-auth-workflow/components/WorkflowCard/ErrorState.js

Re-usable workflow components for Authentication and Registration within Eaton applications.

import React from 'react';
import { Typography } from '@mui/material';
/**
 * Component renders a screen with ErrorState to display error message for support with the application.
 *
 * @param {ErrorStateProps} props - props of ErrorStateProps component
 *
 * @category Component
 */
export const ErrorState = (props) => {
    const { message, sx, ...otherTypographyProps } = props;
    return (React.createElement(Typography, { sx: [{ color: 'error.main' }, ...(Array.isArray(sx) ? sx : [sx])], ...otherTypographyProps }, message));
};