From ccbeb767fc2c5a30668d9557dd709ea3e635911b Mon Sep 17 00:00:00 2001
From: KOSASIH <kosasihg88@gmail.com>
Date: Wed, 7 Aug 2024 22:38:27 +0700
Subject: [PATCH] Create Button.js

---
 .../PiWalletBot/client/components/Button.js   | 25 +++++++++++++++++++
 1 file changed, 25 insertions(+)
 create mode 100644 projects/PiWalletBot/client/components/Button.js

diff --git a/projects/PiWalletBot/client/components/Button.js b/projects/PiWalletBot/client/components/Button.js
new file mode 100644
index 000000000..089c74ab4
--- /dev/null
+++ b/projects/PiWalletBot/client/components/Button.js
@@ -0,0 +1,25 @@
+import React from 'react';
+import styled from 'styled-components';
+
+const ButtonContainer = styled.button`
+  background-color: #4CAF50;
+  color: #fff;
+  padding: 10px 20px;
+  border: none;
+  border-radius: 5px;
+  cursor: pointer;
+
+  &:hover {
+    background-color: #3e8e41;
+  }
+`;
+
+const Button = ({ children, onClick, disabled }) => {
+  return (
+    <ButtonContainer onClick={onClick} disabled={disabled}>
+      {children}
+    </ButtonContainer>
+  );
+};
+
+export default Button;