All files / molecule/modal/src/Close index.js

50% Statements 2/4
100% Branches 0/0
0% Functions 0/1
50% Lines 2/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          1x                       1x          
import cx from 'classnames'
import PropTypes from 'prop-types'
 
import {suitClass} from '../helpers.js'
 
export const Close = ({icon, onClick, floating}) => {
  const BUTTON_CLASS = cx(suitClass({element: 'close'}), {
    [suitClass({element: 'close--floating'})]: floating
  })
 
  return (
    <button type="button" className={BUTTON_CLASS} onClick={onClick}>
      {icon}
    </button>
  )
}
 
Close.propTypes = {
  icon: PropTypes.node.isRequired,
  onClick: PropTypes.func.isRequired,
  floating: PropTypes.bool
}