From 0df3a052285ee171829b7f8e7d5d25bad70c6c8e Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Mon, 13 Nov 2023 13:09:13 +0100
Subject: [PATCH] Added the large button size to the Button.jsx component

---
 src/common/components/Button/Button.jsx  |  4 ++--
 src/common/components/Button/styles.sass | 13 ++++++++++---
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/common/components/Button/Button.jsx b/src/common/components/Button/Button.jsx
index 14779bc..af4d152 100644
--- a/src/common/components/Button/Button.jsx
+++ b/src/common/components/Button/Button.jsx
@@ -1,8 +1,8 @@
 import "./styles.sass";
 
-export const Button = ({children, onClick}) => {
+export const Button = ({children, onClick, size = "normal"}) => {
     return (
-        <button className="btn" onClick={onClick}>
+        <button className={"btn btn-size-" + size} onClick={onClick}>
             {children}
         </button>
     );
diff --git a/src/common/components/Button/styles.sass b/src/common/components/Button/styles.sass
index c001e28..031e707 100644
--- a/src/common/components/Button/styles.sass
+++ b/src/common/components/Button/styles.sass
@@ -4,13 +4,20 @@
   background-color: $primary
   border: none
   color: $text
-  padding: 0.5rem 1rem
-  border-radius: 0.6rem
-  font-size: 14pt
   font-weight: 600
   transition: all 0.2s
   cursor: pointer
 
+.btn-size-normal
+  padding: 0.5rem 1rem
+  border-radius: 0.6rem
+  font-size: 14pt
+
+.btn-size-large
+  padding: 1rem 3rem
+  border-radius: 1rem
+  font-size: 18pt
+
 .btn:hover
   filter: brightness(0.9)