All files / src/px-key-value-pair index.js

80% Statements 4/5
18.18% Branches 2/11
50% Functions 1/2
80% Lines 4/5
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                                1x               1x     1x         1x                      
import React from 'react';
import classnames from 'classnames';
 
import style from './style.scss';
 
/**
 * px-key-value-pair component
 */
export default ({
  label = 'px-key-value-pair',
  value,
  size,
  uom,
  children
}) => {
 
const _getAdjustedSize = (s) => {
  return (
    s === 'alpha' ? 'delta' :
    s === 'beta' ? 'epsilon' :
    s === 'gamma' ? 'value' :
    s === 'delta' ? 'value' : 'zeta'
  );
};
  const baseClassnames = classnames(
    'px-key-value-pair'
  );
  const valueClassnames = classnames(
    size,
    `kvp-value--${size}`
  );
 
  return (
    <div className={baseClassnames}>
      <div className='label'>{label}</div>
      <div className={valueClassnames}>
        {value}
        {uom && <span className={_getAdjustedSize(size)}>{uom}</span>}
      </div>
      <style jsx>{style}</style>
    </div>
  );
}