From 8d08201acdaaa00f13303723b73c4a9d26d76391 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Mon, 12 Sep 2022 21:08:02 +0200
Subject: [PATCH] Created the Feature component of the Features page

---
 .../Features/components/Feature/Feature.jsx     | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)
 create mode 100644 src/pages/Features/components/Feature/Feature.jsx

diff --git a/src/pages/Features/components/Feature/Feature.jsx b/src/pages/Features/components/Feature/Feature.jsx
new file mode 100644
index 0000000..3d57497
--- /dev/null
+++ b/src/pages/Features/components/Feature/Feature.jsx
@@ -0,0 +1,17 @@
+import "./styles.sass";
+import Button from "@/common/components/Button/index.js";
+
+const Feature = (props) => (
+    <div className={"feature-container " + (props.reverse ? "reverse" : "")}>
+        <div className="content-container">
+            <h3>{props.title}</h3>
+            <p>{props.description}</p>
+            <Button text={"Add " + props.name} image={props.icon} />
+        </div>
+        <div className="image-container">
+            <img src={props.image} alt=""/>
+        </div>
+    </div>
+);
+
+export default Feature;
\ No newline at end of file