import React from 'react';
import PropTypes from 'prop-types';
import Button from '@material-ui/core/Button';
import CircularProgress from '@material-ui/core/CircularProgress';

const LoginButton = ({ children, disabled, ...props }) => (
  <Button variant="contained" color="primary" disabled={disabled} {...props}>
    {disabled ? <CircularProgress color="secondary" thickness={7} /> : children}
  </Button>
);

LoginButton.propTypes = {
  children: PropTypes.node,
  disabled: PropTypes.bool
};

LoginButton.defaultProps = {
  children: 'Sign in',
  disabled: false
};

export default LoginButton;