From 70b1fb5028c1ed7a9047bcf6c050340842a09c04 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Mon, 12 Sep 2022 00:59:48 +0200
Subject: [PATCH] Created the Card component

---
 src/pages/More/components/Card/Card.jsx | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 src/pages/More/components/Card/Card.jsx

diff --git a/src/pages/More/components/Card/Card.jsx b/src/pages/More/components/Card/Card.jsx
new file mode 100644
index 0000000..fa73d5b
--- /dev/null
+++ b/src/pages/More/components/Card/Card.jsx
@@ -0,0 +1,22 @@
+import "./styles.sass";
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import {faCaretRight} from "@fortawesome/free-solid-svg-icons";
+import {Link} from "react-router-dom";
+
+
+const Card = (props) => {
+
+    const content = <div className="card">
+        <div className="content">
+            <FontAwesomeIcon icon={props.icon} className="icon"/>
+            <h2 className="text">{props.text}</h2>
+        </div>
+        <FontAwesomeIcon icon={faCaretRight} className="icon"/>
+    </div>;
+
+    return (
+        props.to.startsWith("https") ? <a href={props.to} className="link" target="_blank">{content}</a> : <Link to={props.to} className="link">{content}</Link>
+    )
+}
+
+export default Card;
\ No newline at end of file