blob: 93b049b104b853cd45f697847ba69f6c9d4bc687 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
import React from "react";
import { styled } from "./ColorSchemeProvider";
const Wrapper = styled.p`
border-top: 1px solid gray;
background-color: ${({ theme }) => theme.consoleErrorBackground};
color: ${({ theme }) => theme.consoleErrorForeground};
font-weight: bold;
`;
const ErrorMessage: React.FC = ({ children }) => {
return <Wrapper role="alert">{children}</Wrapper>;
};
export default ErrorMessage;
|