button Button.js

80% Statements 4/5

0% Branches 0/2

50% Functions 1/2

80% Lines 4/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  
 
 
 
 
6x
19x
 
 
 
 
 
 
 
 
6x
 
 
 
6x
 
 
 
 
 
 
 
  import React from 'react'
import * as PropTypes from 'prop-types'
 
import './Button.scss'
 
const Button = ({ children, isDisabled, onClick, styleType }) => (
  <button
    className={`button button--${styleType}`}
    onClick={() => (!isDisabled ? onClick() : null)}
    disabled={isDisabled}
  >
    {children}
  </button>
)
 
Button.defaultProps = {
  styleType: 'primary',
}
 
Button.propTypes = {
  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
  isDisabled: PropTypes.bool,
  onClick: PropTypes.func,
  styleType: PropTypes.oneOf(['primary', 'secondary']),
}
 
export default Button