aboutsummaryrefslogtreecommitdiff
path: root/src/console/components/ErrorMessage.tsx
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;