SkeletonCard index.js

75% Statements 3/4

100% Branches 0/0

0% Functions 0/1

75% Lines 3/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  
 
 
 
 
 
1x
 
 
 
 
 
 
 
 
 
 
1x
 
1x
 
 
 
 
 
  import PropTypes from 'prop-types'
 
import AtomIcon, {ATOM_ICON_SIZES} from '@s-ui/react-atom-icon'
 
import {SKELETON_CLASS_NAME} from './config.js'
 
const SkeletonCard = ({icon, text}) => {
  return (
    <li className={SKELETON_CLASS_NAME}>
      <div className={`${SKELETON_CLASS_NAME}-icon`}>
        <AtomIcon size={ATOM_ICON_SIZES.medium}>{icon}</AtomIcon>
      </div>
      <div className={`${SKELETON_CLASS_NAME}-text`}>{text}</div>
    </li>
  )
}
 
SkeletonCard.displayName = 'SkeletonCard'
 
SkeletonCard.propTypes = {
  icon: PropTypes.node.isRequired,
  text: PropTypes.string.isRequired
}
 
export default SkeletonCard