All files / components DottedLine.js

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
 
 
 
10x
 
 
 
 
 
77x
 
 
 
 
 
 
 
 
4x
 
 
 
 
4x
 
 
 
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,
}