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
32
33
34
35
36
37
38
39
40
41
42
| import React from 'react';
| import './index.scss';
|
| class Button extends React.PureComponent {
| static defaultProps = {
| disabled: false,
| type: '',
| size: '',
| }
|
| handleClick = (e) => {
| const {
| onClick,
| } = this.props;
| if (onClick) {
| onClick();
| };
| }
|
| render() {
| const {
| type,
| size,
| disabled,
| children,
| onClick,
| ...otherProps
| } = this.props;
| const buttonType = type ? `wowjoy-button__${type}` : '';
| const buttonSize = size ? `wowjoy-button__${size}` : '';
| return (
| <button
| className={`wowjoy-button ${buttonType} ${buttonSize}`}
| disabled={disabled}
| onClick={this.handleClick}>
| {children}
| </button>
| );
| }
| }
|
| export default Button;
|
|
