Custom Button React Component

App.js

    return (
        <Card>
            <form>
                <h2> How you rate your service with us?</h2>
                <div className={'input-group'}>
                    <input
                        onChange={handleTextChange}
                        type={'text'}
                        placeholder={'Write a review'}
                        value={text}/>
                    <Button
                        type={'submit'}
                        version={'secondary'}
                        // onClick={handleSubmitButton}
                    >Send</Button>
                </div>
            </form>
        </Card>
    );

Button.jsx

import React from 'react';
import PropTypes from 'prop-types';




function Button({children, version, type, isDisabled}) {
    return (
        <button type={type} disabled={isDisabled}  className={`btn btn-${version}`}>{children}</button>
    );
}

Button.defaultProps = {
    version: 'primary',
    type: 'button',
    isDisabled: false
}


Button.propTypes = {
    children: PropTypes.node.isRequired,
    version: PropTypes.string,
    type: PropTypes.string,
    isDisabled: PropTypes.bool
};
export default Button;