import React from "react";
import classes from "../assets/styles/components/myButton.module.scss"

const MyButton = (props) => {

    return (
        <div className={classes.main}>
            <button 
                type="button"
                className={classes[props.class]} 
                onClick={props.click}
                data-bs-target={props.target}
                data-bs-toggle={props.toggle}
                data-bs-dismiss={props.dismiss}
                style={{backgroundColor: props.backgroundColor, ...props.otherStyle}}
                >
                    {props.text}
            </button>
        </div>
    )
}

export default MyButton;