From 5dff68998f041688e21b93e2f24a5bbf86c8bfc0 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Tue, 18 Apr 2023 18:58:04 +0200
Subject: [PATCH] Created the Button.jsx component

---
 src/common/components/Button/Button.jsx | 8 ++++++++
 1 file changed, 8 insertions(+)
 create mode 100644 src/common/components/Button/Button.jsx

diff --git a/src/common/components/Button/Button.jsx b/src/common/components/Button/Button.jsx
new file mode 100644
index 0000000..155b27d
--- /dev/null
+++ b/src/common/components/Button/Button.jsx
@@ -0,0 +1,8 @@
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import {faCircleNotch} from "@fortawesome/free-solid-svg-icons";
+import "./styles.sass";
+
+export const Button = ({type = "primary", text = "Button", onClick, loading = false}) => (
+    <button className={`btn btn-${type}`} onClick={loading ? undefined : onClick} disabled={loading}>{loading &&
+        <FontAwesomeIcon icon={faCircleNotch} spin={true}/>} {text}</button>
+)
\ No newline at end of file