Quiero poder realizar un button con muchas clases css usando module distintas en React.
Ósea cree un componente llamado button, con 4 clases distintas (button-primary, button-secundary, button-terciary, button-fab), la elección del estilo es dependiendo de donde se llama al componente, ejemplo si se llama del menú puede tener el button-primary y si se llama de un formulario puede ser button-secundary. Pero yo quiero que esos estilos css provengan de un module.css, se puede?
En este ejemplo lo tengo solo con css
import './Button.scss';
const Button = (props)=>{
return(
<button type={props.type} className={`button ${props.estilo}`} onClick={props.onEventoClick} disabled={props.disabled}>
{props.nombre}
</button>
)
}
export default Button;