All files / px-drawer index.js

11.11% Statements 1/9
0% Branches 0/1
0% Functions 0/4
11.11% Lines 1/9
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59                                                                                                        1x            
import React from 'react';
import style from './style.scss';
import classnames from 'classnames';
 
/**
 * px-drawer component
 */
export default class Drawer extends React.Component {
  toggle(){
    console.log('toggle');
  }
  open(){
    console.log('open');
  }
  close(){
    console.log('close');
  }
  render(){
    const {opened, fixed, overlay, persistent, align = 'left', children} = this.props;
 
 
    const drawerClasses = classnames(
      'px-drawer',
      {'px-drawer--opened': opened}
    );
 
    const overlayClasses = classnames(
      'drawer__overlay',
      {'drawer__overlay--opened': opened}
    );
 
    const classes = classnames(
      'drawer',
      { [`drawer--${align}`]: true },
      {'drawer--opened': opened},
      {'drawer--fixed': fixed},
      {'drawer--persistent': persistent},
    );
 
    return (
      <div className={drawerClasses}>
        <div id="overlay" className={overlayClasses}></div>
        <div id="drawer" className={classes}>
          <div id="drawerContent" className="drawer__content">
            <div>{children}</div>
          </div>
        </div>
        <style jsx>{style}</style>
      </div>
    );
  }
}
Drawer.defaultProps = {
  opened: false,
  fixed: false,
  persistent: false,
  align: 'left'
};