SkeletonCard index.js

60% Statements 3/5

100% Branches 0/0

0% Functions 0/2

60% Lines 3/5

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
31  
 
 
 
 
 
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, inputId, text}) => {
  return (
    <li className={SKELETON_CLASS_NAME}>
      <button className={`${SKELETON_CLASS_NAME}Button`} type="button">
        <div className={`${SKELETON_CLASS_NAME}-icon`} aria-hidden>
          <AtomIcon size={ATOM_ICON_SIZES.medium}>{icon}</AtomIcon>
        </div>
        <label className={`${SKELETON_CLASS_NAME}-text`} htmlFor={inputId} onClick={ev => ev.preventDefault()}>
          {text}
        </label>
      </button>
    </li>
  )
}
 
SkeletonCard.displayName = 'SkeletonCard'
 
SkeletonCard.propTypes = {
  icon: PropTypes.node.isRequired,
  inputId: PropTypes.string.isRequired,
  text: PropTypes.string.isRequired
}
 
export default SkeletonCard