content: import React from 'react';
  import PropTypes from 'prop-types';
  import cn from 'classnames';
  import ReactIScroll from 'react-iscroll';
  const isBrowser = typeof window !== 'undefined';
  const iScroll = isBrowser ? require( 'iscroll') : undefined;
  import Modal from '../Modal/Modal';
  
  const Drawer = (props) => {
    const {
      anchorEl,
      anchorOrigin,
      children,
      id,
      classes,
      className,
      elevation,
      enteredClassName,
      enteringClassName,
      exitedClassName,
      exitingClassName,
      getContentAnchorEl,
      onEnter,
      onEntering,
      onEntered,
      onExit,
      onExiting,
      onExited,
      open,
      role,
      transformOrigin,
      transitionDuration,
      ...other
    } = props;
    return(
      <Modal show={open} disableBackdrop className="pos-r">
      <aside className={cn('drawer', className)} id={id}>
        <ReactIScroll iScroll={iScroll}
                        options={other.options}
                        onScrollStart={other.onScrollStart}>
          <div>
            {children}
          </div>
        </ReactIScroll>
      </aside>
      </Modal>
    );
  
  };
  
  Drawer.defaultProps = {
    options: {
      scrollbars: true,
      useTransform: true,
      useTransition: false,
      probeType:2,
      mouseWheel:true,
      bindToWrapper: true
    }
  };
  
  export default Drawer;
  