text: import React from 'react';
  import classNames from 'classnames';
  import PropTypes from 'prop-types';
  
  const Button = ({
    className = 'btn-primary',
    type,
    onClick,
    children,
    disabled
  }) => {
    return (
      <button
        type={type}
        className={classNames(
          className,
          `py-2 text-center px-5 outline-none focus:outline-none btn-hover rounded-lg ${
            disabled ? 'btn-disabled' : ''
          }`
        )}
        onClick={onClick}
        disabled={disabled}
      >
        {children}
      </button>
    );
  };
  
  Button.propTypes = {
    className: PropTypes.string,
    type: PropTypes.string,
    onClick: PropTypes.func,
    disabled: PropTypes.bool,
    children: PropTypes.any
  };
  
  export default Button;
  