From e273a77babcaaf3a75e619fc198e2381836d3a45 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Wed, 28 Dec 2022 03:37:54 +0100
Subject: [PATCH] Created the DialogHeader.jsx

---
 .../components/DialogHeader/DialogHeader.jsx   | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 admin/src/pages/Home/components/LinkDialog/components/DialogHeader/DialogHeader.jsx

diff --git a/admin/src/pages/Home/components/LinkDialog/components/DialogHeader/DialogHeader.jsx b/admin/src/pages/Home/components/LinkDialog/components/DialogHeader/DialogHeader.jsx
new file mode 100644
index 0000000..1835f5d
--- /dev/null
+++ b/admin/src/pages/Home/components/LinkDialog/components/DialogHeader/DialogHeader.jsx
@@ -0,0 +1,18 @@
+import "./styles.sass";
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import {faClose} from "@fortawesome/free-solid-svg-icons";
+
+export const DialogHeader = (props) => (
+    <div className="dialog-header">
+        <div className="info-area">
+            <div className="module-info">
+                <FontAwesomeIcon className="info-icon" icon={["fas", props.icon]}/>
+            </div>
+            <div className="text-area">
+                <h2>Neuer Link</h2>
+                <p>{props.module}</p>
+            </div>
+        </div>
+        <FontAwesomeIcon className="close-icon" icon={faClose} onClick={props.close}/>
+    </div>
+)
\ No newline at end of file