From b3d966e0aee60b62ef54bfc4090d2e1b5a03c2bf Mon Sep 17 00:00:00 2001
From: ChenNux <chennux945@gmail.com>
Date: Thu, 5 Dec 2024 23:28:56 +0100
Subject: [PATCH] =?UTF-8?q?=09nouveau=20fichier=C2=A0:=20front/src/compone?=
 =?UTF-8?q?nts/RoundButton.tsx?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 front/src/components/RoundButton.tsx | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 front/src/components/RoundButton.tsx

diff --git a/front/src/components/RoundButton.tsx b/front/src/components/RoundButton.tsx
new file mode 100644
index 0000000..8c2e092
--- /dev/null
+++ b/front/src/components/RoundButton.tsx
@@ -0,0 +1,26 @@
+export default function RoundButton({url, bgcolor, text}) {
+    return (<div>
+        <a href={url}><button style={{
+            backgroundColor: bgcolor,
+            borderColor:"blue",
+            borderRadius: '50%',
+            borderWidth: '1',
+            cursor: 'pointer',
+            display: 'inline-block',
+            fontFamily: '"Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif',
+            fontSize: '18px',
+            fontWeight: '750',
+            lineHeight: '20px',
+            listStyle: 'none',
+            margin: '0',
+            padding: '10px 12px',
+            textAlign: 'center',
+            transition: 'all 200ms',
+            verticalAlign: 'baseline',
+            whiteSpace: 'nowrap',
+            userSelect: 'none',
+            WebkitUserSelect: 'none',
+            touchAction: 'manipulation',
+        }} className="RoundButtonNavBar">{text}</button></a>
+    </div>)
+}
\ No newline at end of file