From 14088136c05b2c06b7b6e11aa5572814f4d07d9f Mon Sep 17 00:00:00 2001
From: KOSASIH <kosasihg88@gmail.com>
Date: Wed, 7 Aug 2024 22:45:14 +0700
Subject: [PATCH] Create Sidebar.js

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

diff --git a/projects/PiWalletBot/client/components/Sidebar.js b/projects/PiWalletBot/client/components/Sidebar.js
new file mode 100644
index 000000000..fe576c7d2
--- /dev/null
+++ b/projects/PiWalletBot/client/components/Sidebar.js
@@ -0,0 +1,28 @@
+import React from 'react';
+import styled from 'styled-components';
+
+const SidebarContainer = styled.div`
+  background-color: #333;
+  color: #fff;
+  padding: 20px;
+  width: 200px;
+  height: 100vh;
+  position: fixed;
+  top: 0;
+  left: 0;
+`;
+
+const Sidebar = () => {
+  return (
+    <SidebarContainer>
+      <h2>Menu</h2>
+      <ul>
+        <li><a href="#">Dashboard</a></li>
+        <li><a href="#">Transactions</a></li>
+        <li><a href="#">Settings</a></li>
+      </ul>
+    </SidebarContainer>
+  );
+};
+
+export default Sidebar;