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
 
 
 
18x
 
 
 
 
 
144x
 
 
 
 
 
 
 
 
7x
 
 
 
 
7x
 
 
 
import PropTypes from 'prop-types'
 
export default function DottedLine({ numDots }) {
  return (
    <ul
      role="presentation"
      className={'flex flex-initial flex-row justify-center w-full mb-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,
}