From 4e99bfe1878620769d48532b182692e51c7266ef Mon Sep 17 00:00:00 2001
From: rohan09-raj <rajrohan1914@gmail.com>
Date: Sun, 14 Aug 2022 00:19:58 +0530
Subject: admin panel and api integration

---
 admin/src/components/Button/Button.jsx        | 20 ++++++++++++++++++++
 admin/src/components/Button/Button.module.css | 19 +++++++++++++++++++
 2 files changed, 39 insertions(+)
 create mode 100644 admin/src/components/Button/Button.jsx
 create mode 100644 admin/src/components/Button/Button.module.css

(limited to 'admin/src/components/Button')

diff --git a/admin/src/components/Button/Button.jsx b/admin/src/components/Button/Button.jsx
new file mode 100644
index 0000000..ed8bc20
--- /dev/null
+++ b/admin/src/components/Button/Button.jsx
@@ -0,0 +1,20 @@
+import React from 'react';
+
+import styles from './Button.module.css';
+
+const Button = ({title, onClick, color}) => {
+  return (
+    <>
+      <button
+        className={
+          color === 'green' ? styles.button__green : styles.button__red
+        }
+        onClick={onClick}
+      >
+        {title}
+      </button>
+    </>
+  );
+};
+
+export default Button;
diff --git a/admin/src/components/Button/Button.module.css b/admin/src/components/Button/Button.module.css
new file mode 100644
index 0000000..3de7c54
--- /dev/null
+++ b/admin/src/components/Button/Button.module.css
@@ -0,0 +1,19 @@
+.button__green {
+  font-size: 1rem;
+  margin: 8px;
+  padding: 20px 30px;
+  border: none;
+  border-radius: 10px;
+  background-color: rgb(35, 151, 35);
+  color: #fff;
+}
+
+.button__red {
+  font-size: 1rem;
+  margin: 8px;
+  padding: 20px 30px;
+  border: none;
+  border-radius: 10px;
+  background-color: #ff3333;
+  color: #fff;
+}
-- 
cgit