From 2b1079525b86dad45df11e6ad29a89989a6416ab Mon Sep 17 00:00:00 2001
From: Shin'ya Ueoka <ueokande@i-beam.org>
Date: Sun, 4 Apr 2021 16:44:47 +0900
Subject: Separate Message to InfoMessage and ErrorMessage

---
 src/console/components/ErrorMessage.tsx | 15 +++++++++++++++
 1 file changed, 15 insertions(+)
 create mode 100644 src/console/components/ErrorMessage.tsx

(limited to 'src/console/components/ErrorMessage.tsx')

diff --git a/src/console/components/ErrorMessage.tsx b/src/console/components/ErrorMessage.tsx
new file mode 100644
index 0000000..93b049b
--- /dev/null
+++ b/src/console/components/ErrorMessage.tsx
@@ -0,0 +1,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;
-- 
cgit v1.2.3

