copied new version

onix-gui/GUI/components/Buttons/Buttons.module.css

@@ -0,0 +1,24 @@
+.primaryButton {
+    background-color: #abd4fa;
+    color: #000000;
+    padding: 0.5rem 1rem;
+    border-radius: 10px;
+    border: none;
+    font-size: 1rem;
+    cursor: pointer;
+
+    padding: 0.75rem 2rem;
+}
+
+.secondaryButton {
+    background-color: #000000;
+    color: #abd4fa;
+    padding: 0.5rem 1rem;
+    border-radius: 10px;
+    border: none;
+    font-size: 1rem;
+    cursor: pointer;
+
+    border: 1px solid #abd4fa;
+    padding: 0.75rem 2.25rem;
+}

onix-gui/GUI/components/Buttons/PrimaryButton.js

@@ -0,0 +1,16 @@
+import React from "react";
+import styles from "./Buttons.module.css";
+
+const PrimaryButton = ({ label = "continue", onClick, disabled = false }) => {
+  return (
+    <button
+      className={styles.primaryButton}
+      onClick={onClick}
+      disabled={disabled}
+    >
+      {label}
+    </button>
+  );
+};
+
+export default PrimaryButton;

onix-gui/GUI/components/Buttons/SecondaryButton.jsx

@@ -0,0 +1,8 @@
+import React from "react";
+import styles from "./Buttons.module.css";
+
+const SecondaryButton = () => {
+    return <button className={styles.secondaryButton}>Cancel</button>;
+};
+
+export default SecondaryButton;