All files / molecule/carousel/src CarouselArrow.js

100% Statements 5/5
100% Branches 2/2
100% Functions 1/1
100% Lines 4/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 44x 40x             1x                      
import PropTypes from 'prop-types'
 
const CarouselArrow = ({label, role, disabled, onClick, hasArrows, className, children, ...props}) => {
  if (!hasArrows) return null
  return (
    <button type="button" aria-label={label} className={className} disabled={disabled} onClick={onClick} {...props}>
      {children}
    </button>
  )
}
 
CarouselArrow.propTypes = {
  children: PropTypes.node,
  label: PropTypes.string,
  role: PropTypes.string,
  disabled: PropTypes.bool,
  onClick: PropTypes.func,
  hasArrows: PropTypes.bool,
  className: PropTypes.string
}
 
export default CarouselArrow