WebJamApps/JaMmusic

import { NavLinks } from './NavLinks';

interface IdrawerContainerProps {
  handleKeyPress: (arg0:any)=>void, className:any, userCount?:number,
  heartBeat?:string, handleClose:()=>void
}
export function DrawerContainer(props:IdrawerContainerProps) {
  const {
    userCount, heartBeat, className, handleClose, handleKeyPress,
  } = props;
  return (
    <div tabIndex={0} role="button" id="sidebar" onClick={handleClose} onKeyPress={handleKeyPress} className={className}>
      <div className="drawer" style={{ backgroundColor: '#c0c0c0', zIndex: -1, position: 'relative' }}>
        <div className="navImage">
          <img
            alt="wjsidelogo"
            id="webjamwidelogo"
            src="../static/imgs/webjamlogo1.png"
            style={{ width: '182px', marginRight: 0, marginLeft: 0 }}
          />
        </div>
        <NavLinks
          handleClose={handleClose}
          userCount={userCount}
          heartBeat={heartBeat}
        />
      </div>
    </div>
  );
}