From 9a346f6833d0845b1eab592cc2d1ee109dc50c28 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Thu, 1 Jun 2023 19:42:05 +0200
Subject: [PATCH] Created the ErrorArea.jsx

---
 client/src/common/components/ErrorArea/ErrorArea.jsx | 10 ++++++++++
 1 file changed, 10 insertions(+)
 create mode 100644 client/src/common/components/ErrorArea/ErrorArea.jsx

diff --git a/client/src/common/components/ErrorArea/ErrorArea.jsx b/client/src/common/components/ErrorArea/ErrorArea.jsx
new file mode 100644
index 0000000..8948aa2
--- /dev/null
+++ b/client/src/common/components/ErrorArea/ErrorArea.jsx
@@ -0,0 +1,10 @@
+import "./styles.sass";
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import {faExclamationCircle} from "@fortawesome/free-solid-svg-icons";
+
+export const ErrorArea = ({error}) => (
+    <div className="error-area">
+        <FontAwesomeIcon icon={faExclamationCircle} className="error-icon" />
+        <h2>{error}</h2>
+    </div>
+)
\ No newline at end of file