import React from 'react';
import PropTypes from 'prop-types';
import { getDomProps } from '../lib/base';

const ProtoButton = props => {
  return (
    <button
      {...getDomProps(props)}
      className={`${props.className} sans`}
      type={props.type}
      style={props.style}
      onClick={props.onClick}
      disabled={props.disabled}
      autoFocus={props.autoFocus}>
      { props.children }
    </button>
  )
}

ProtoButton.propTypes = {
  disabled:     PropTypes.bool,
  onClick:      PropTypes.func,
  className:    PropTypes.string,
  children:     PropTypes.node,
  autofocus:    PropTypes.bool,
  style:        PropTypes.object,
  type:         PropTypes.oneOf(['button', 'submit', 'reset'])
};

ProtoButton.defaultProps = {
  className:    '',
  autoFocus:    false,
  onClick:      () => {},
  disabled:     false,
  style:        {},
  type:         'button',
};


export default ProtoButton;