const AuthButton = ( { isDisabled , text , textWhenDisabled , } ) : JSX . Element => ( < button type = "submit" className = { `base-button w-full transition duration-200 easi-in-out flex items-center justify-center ${ isDisabled ? 'bg-blue-30 cursor-default' : 'bg-blue-60 hover:bg-blue-80' } py-2 rounded text-white text-sm` } disabled = { isDisabled } > < span > { isDisabled ? textWhenDisabled : text } < /span> < /button>); export default AuthButton ;