import React from 'react'
import PropTypes from 'prop-types'
import objectAssign from 'object-assign'

const buttonStyles = {
  border: '1px solid #eee',
  borderRadius: 3,
  backgroundColor: '#FFFFFF',
  cursor: 'pointer',
  fontSize: 15,
  padding: '3px 10px',
};

const propTypes = {
  children: PropTypes.string.isRequired,
  onClick: PropTypes.func,
  style: PropTypes.object,
};

const defaultProps = {
  children: '',
  onClick: () => {},
  style: {},
};

class Button extends React.Component {
  constructor(props) {
    super(props);
  }

  componentDidMount() {
    
  }

  render() {
    const {style = {}, children, onClick} = this.props;
    return (
      <div>
          <button
            style={objectAssign({}, buttonStyles, style)}
            onClick={onClick}
          >
            {children}
          </button>
      </div>
    )
  }
}

Button.propTypes = propTypes;
Button.defaultProps = defaultProps;

export { Button as PureButton }
export default Button