/ packages / ui / src / components / atoms / ErrorDisplay.tsx
ErrorDisplay.tsx
 1  import { Alert, Typography } from '@mui/material';
 2  import React from 'react';
 3  
 4  export function ErrorDisplay(props: { error: Error; }) {
 5  	const { error } = props;
 6  
 7  	return (
 8  		<Alert severity={'error'}>
 9  			<Typography data-testid={'error-message'}>{error.name}: {error.message}</Typography>
10  		</Alert>
11  	);
12  }