Added SideBar UI.

2022-06-14 22:34:05 +04:30
parent 25a64dcccc
commit ae6b3455b3
6 changed files with 244 additions and 80 deletions
@@ -0,0 +1,26 @@
+import { ProSidebar, SidebarHeader, SidebarFooter, SidebarContent } from 'react-pro-sidebar';
+import 'react-pro-sidebar/dist/css/styles.css';
+import '../styles/SideBar.css';
+import { useState } from 'react';
+
+const SideBar = ({ handleToggleSidebar, toggle }) => {
+  return (
+    <ProSidebar 
+        toggled={toggle}
+        breakPoint="lg"
+        onToggle={handleToggleSidebar}
+        className='sidebar'>
+    <SidebarHeader>
+        LOGO
+    </SidebarHeader>
+    <SidebarContent>
+        CONTENT
+    </SidebarContent>
+    <SidebarFooter>
+        FOOTER
+    </SidebarFooter>
+    </ProSidebar>
+  )
+}
+
+export default SideBar