import React from 'react'
import SideBarHeader from './SideBarHeader'
import SideBarGeneral from './SideBarGeneral'
import SidebarOthers from './SidebarOthers'
import './SideBar.css'
import UserProfile from '../button/UserProfile'



const SideBar = () => {
  return (
    <div className='sidebar-container'>
        <SideBarHeader />
        <SideBarGeneral />
        <SidebarOthers/>
        <UserProfile/>
    </div>
  )
}

export default SideBar