Create Sidebar.js

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