src Label.js

50% Statements 2/4

0% Branches 0/1

0% Functions 0/2

66.66% Lines 2/3

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20  
 
1x
 
 
 
 
 
 
 
 
 
1x
 
 
 
 
 
 
  import PropTypes from 'prop-types'
 
const Label = ({value, formatter = value => value, percentage}) => (
  <div className="sui-AtomSlider-labelContainer">
    <div className="sui-AtomSlider-labelContainer--inner">
      <div className="sui-AtomSlider-label" style={{left: `${percentage}%`}}>
        {formatter(value)}
      </div>
    </div>
  </div>
)
 
Label.propTypes = {
  percentage: PropTypes.number,
  value: PropTypes.string,
  formatter: PropTypes.func
}
 
export default Label