title: How to make the whole Card component clickable in Material UI using React JS?
body: <p>Im using <a href="https://material-ui-next.com/demos/cards/" rel="noreferrer">Material UI Next</a> in a React project. I have the Card component which has an image(Card Media) and text(Card Text) inside it. I also have a button underneath the text. My question is..how to make the whole card clickable? ie. Whether a user presses on the card text, or the card image or the button, it should trigger the onClick event which I call on the button.</p>