When styling the component, I found a way to apply the margin in a specific manner.
style.js
const styles = theme => ({
button: {
margin: '12px 18px',
}
})
However, I wanted to utilize material-ui's theme.spacing.unit for applying the margin to the component. Here is how I attempted it:
style.js
const styles = theme => ({
button: {
margin: '`${theme.spacing.unit * 3}` `${theme.spacing.unit * 4}`',
}
})
Unfortunately, my attempts have not been successful. If anyone can identify my mistakes, please let me know!