From c0c2d8668c5d522ae4648728f2c40e1a936cffe7 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Mon, 12 Sep 2022 21:09:29 +0200
Subject: [PATCH] Created the Person component

---
 src/pages/AboutUs/components/Person/Person.jsx | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 src/pages/AboutUs/components/Person/Person.jsx

diff --git a/src/pages/AboutUs/components/Person/Person.jsx b/src/pages/AboutUs/components/Person/Person.jsx
new file mode 100644
index 0000000..c9879dd
--- /dev/null
+++ b/src/pages/AboutUs/components/Person/Person.jsx
@@ -0,0 +1,18 @@
+import './styles.sass';
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import {faInstagram, faTwitter} from "@fortawesome/free-brands-svg-icons";
+import {faGlobe} from "@fortawesome/free-solid-svg-icons";
+
+const Person = (props) => (
+    <div className="person">
+        <img src={props.image} alt={"Image of " + props.name}/>
+        <h3>{props.name}</h3>
+        <div className="team-socials">
+            {props.insta ? <a href={props.insta} target="_blank"><FontAwesomeIcon icon={faInstagram} className="team-icon" /></a> : ""}
+            {props.twitter ? <a href={props.twitter} target="_blank"><FontAwesomeIcon icon={faTwitter} className="team-icon" /></a> : ""}
+            {props.web ? <a href={props.web} target="_blank"><FontAwesomeIcon icon={faGlobe} className="team-icon" /></a> : ""}
+        </div>
+    </div>
+)
+
+export default Person;
\ No newline at end of file