All files / components DottedLine.js

100% Statements 4/4

100% Branches 0/0

100% Functions 2/2

100% Lines 4/4

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
21
22
23
24
25
26
27  
 
 
3x
 
 
 
 
 
21x
 
 
 
 
 
 
 
 
2x
 
 
 
 
2x
 
 
  import PropTypes from 'prop-types'
 
export default function DottedLine({ numDots }) {
  return (
    <ul
      role="presentation"
      className="flex flex-initial flex-row justify-center w-full my-7"
    >
      {[...Array(numDots)].map((_, i) => (
        <li
          className="justify-center bg-[#b7c1e1] aspect-square w-[17px] rounded-full mx-3.5"
          key={i}
        />
      ))}
    </ul>
  )
}
 
DottedLine.propTypes = {
  // numDots - Number of dots to display
  numDots: PropTypes.number,
}
 
DottedLine.defaultProps = {
  numDots: 8,
}