Create Button.js

KOSASIH · Aug 7, 2024 · ccbeb76 · ccbeb76
1 parent ba471ab
commit ccbeb76
Showing 1 changed file with 25 additions and 0 deletions.
diff --git a/projects/PiWalletBot/client/components/Button.js 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;