import React from 'react';

const Button = ({className, disabled, children, ...props}) => {
    let disableClasses = disabled ? 'bg-gray-400 hover:bg-gray-400' : '';
    return (
        <button {...props} className={['bg-yellow-500 rounded-md py-2.5 px-5 text-lg text-white hover:bg-yellow-600 transition delay-50', disableClasses, className].join(' ')}>{children}</button>
    );
}

export default Button;
