From 93dfe2be64e8658839bcfe5356adf35f8cde7075 Mon Sep 17 00:00:00 2001
From: Nicolas James <Eele1Ephe7uZahRie@tutanota.com>
Date: Thu, 13 Feb 2025 18:04:18 +1100
Subject: initial commit

---
 src/web/components/button/Button.css | 15 +++++++++++++++
 src/web/components/button/Button.jsx | 10 ++++++++++
 2 files changed, 25 insertions(+)
 create mode 100644 src/web/components/button/Button.css
 create mode 100644 src/web/components/button/Button.jsx

(limited to 'src/web/components/button')

diff --git a/src/web/components/button/Button.css b/src/web/components/button/Button.css
new file mode 100644
index 0000000..76c5450
--- /dev/null
+++ b/src/web/components/button/Button.css
@@ -0,0 +1,15 @@
+.button {
+    padding: 0.75em 1em;
+
+    color: var(--black-98);
+    background-color: var(--brand-80);
+    border: 2px solid var(--brand-80);
+    border-radius: 2em;
+    font-family: inherit;
+    letter-spacing: inherit;
+    cursor: pointer;
+}
+.button:hover {
+    color: white;
+    background-color: var(--brand-90);
+}
\ No newline at end of file
diff --git a/src/web/components/button/Button.jsx b/src/web/components/button/Button.jsx
new file mode 100644
index 0000000..8d7de02
--- /dev/null
+++ b/src/web/components/button/Button.jsx
@@ -0,0 +1,10 @@
+import React from "react";
+import styles from "./Button.css";
+
+export default function Button({className, children, ...others}) {
+    return (
+        <button className={styles.button + (className != null ? " " + className : "")} {...others} >
+            {children}
+        </button>
+    )
+}
\ No newline at end of file
-- 
cgit v1.2.3