import { func, string } from 'prop-types';

const Button = ({ children, onClick }) => (
  <button onClick={ event => onClick && onClick(event) }>
    { children }

    <style jsx global>{`
      button {
        background: #43A047;
        border: none;
        border-radius: 3px;
        color: #fff;
      }
    `}</style>
  </button>
);

Button.propTypes = {
  children: string.isRequired,
  onClick: func
};

export default Button;