All files / src/px-app-nav px-app-nav-item.js

0% Statements 0/2
0% Branches 0/3
0% Functions 0/1
0% Lines 0/2
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                                                                           
import React from 'react';
import classnames from 'classnames';
import stylesheet from './px-app-nav-item.scss';
 
/**
 * px-app-nav-item component
 */
export default ({
  label = 'px-app-nav-item',
  icon,
  id,
  item,
  style,
  selected,
  collapsed,
  overflowed,
  onlyShowIcon,
  onClick,
  children
}) => {
 
  const baseClasses = classnames(
    'px-app-nav-item',
    {'selected': selected},
    {'collapsed': collapsed},
    {'overflowed': overflowed},
    {'only-show-icon': onlyShowIcon}
  );
 
  return (
    <div onClick={onClick} className={baseClasses} style={style} data-id={id}>
      <span className='app-nav-item__label'>{label}</span>
      {children && <div>{children}</div>}
      <style jsx>{stylesheet}</style>
    </div>
  );
}