19 lines
398 B
JavaScript
19 lines
398 B
JavaScript
|
import React from "react";
|
||
|
|
import { Box, Text } from "theme-ui";
|
||
|
|
|
||
|
|
import Banner from "./Banner";
|
||
|
|
|
||
|
|
function ErrorBanner({ error, onRequestClose }) {
|
||
|
|
return (
|
||
|
|
<Banner isOpen={!!error} onRequestClose={onRequestClose}>
|
||
|
|
<Box p={1}>
|
||
|
|
<Text as="p" variant="body2">
|
||
|
|
Error: {error && error.message}
|
||
|
|
</Text>
|
||
|
|
</Box>
|
||
|
|
</Banner>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
export default ErrorBanner;
|