935a6f4542
* Add analysis tools * Use deep imports to reduce bundle size * Remove tslint config * Remove unused packages * Remove lodash-es references * Use root level mui imports * Remove mui from restricted imports
19 lines
614 B
TypeScript
19 lines
614 B
TypeScript
import { Card, CardContent, Typography } from "@material-ui/core";
|
|
import React from "react";
|
|
import { FormattedMessage } from "react-intl";
|
|
interface ErrorMessageCardProps {
|
|
message: string;
|
|
}
|
|
|
|
const ErrorMessageCard: React.FC<ErrorMessageCardProps> = ({ message }) => (
|
|
<Card>
|
|
<CardContent>
|
|
<Typography variant="h5" component="h2">
|
|
<FormattedMessage defaultMessage="Error" description="header" />
|
|
</Typography>
|
|
<Typography variant="body1">{message}</Typography>
|
|
</CardContent>
|
|
</Card>
|
|
);
|
|
ErrorMessageCard.displayName = "ErrorMessageCard";
|
|
export default ErrorMessageCard;
|