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

50% Statements 2/4
0% Branches 0/4
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 24 25 26          1x                             1x          
import cx from 'classnames'
import PropTypes from 'prop-types'
 
import {suitClass} from '../helpers.js'
 
export const HeaderRender = ({header, close, floatingIconClose}) => {
  const HEADER_CLASS = cx({
    [suitClass({element: 'empty-header'})]: !header && floatingIconClose,
    [suitClass({element: 'no-header'})]: !header && !floatingIconClose,
    [suitClass({element: 'header'})]: !!header
  })
 
  return (
    <div className={HEADER_CLASS}>
      {header}
      {close}
    </div>
  )
}
 
HeaderRender.propTypes = {
  close: PropTypes.node,
  header: PropTypes.node,
  floatingIconClose: PropTypes.bool
}