text: import React from "react";
  
  import Aux from "../../../hoc/Aux/Aux";
  import NavigationItems from "../NavigationItems/NavigationItems";
  import cssClass from "./Sidebar.css";
  import Logo from "../Logo/Logo";
  
  const sidebar = props => {
      let classes = [cssClass.Sidebar];
      if (props.isSidebarOpen) {
          classes.push(cssClass.Open);
      } else {
          classes.push(cssClass.Close);
      }
  
      return (
          <Aux>
              <div className={classes.join(' ')}>
                  <Logo />
                  <NavigationItems />
              </div>
          </Aux>
      );
  };
  
  export default sidebar;