All files Skeleton.jsx

100% Statements 6/6

100% Branches 0/0

100% Functions 2/2

100% Lines 6/6

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
28
29
30  
 
 
 
1x
17x
 
 
21x
 
 
17x
 
 
1x
 
 
 
 
 
 
 
 
 
1x
 
 
 
 
  import React from "react";
import PropTypes from "prop-types";
import { Line } from "./Skeleton.styles";
 
const Skeleton = ({ rows, ...props }) => {
  const lines = Array(rows)
    .fill(1)
    .map((d, idx) => (
      <Line key={idx} data-testid="skeleton__item" {...props} />
    ));
 
  return <>{lines}</>;
};
 
Skeleton.propTypes = {
  rows: PropTypes.number,
  circle: PropTypes.bool,
  color: PropTypes.string,
  translucent: PropTypes.bool,
  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
  radius: PropTypes.number,
};
 
Skeleton.defaultProps = {
  rows: 1,
};
 
export default Skeleton;